0
Я пытаюсь скопировать этот код: http://jsfiddle.net/ezanker/5qe6g/1/.он («pagecreate») не вызывается
Я использую Goolge блоггер
Я получил свой импорт в шаблон HTML
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js' type='text/javascript'/>
<script src='http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js' type='text/javascript'/>
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'/>
<script src='http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css' type='text/javascript'/>
<script type="text/javascript" src="/resources/scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/resources/scripts/app.ui-1.0.js"></script>
<script type="text/javascript" src="/resources/scripts/jquery.mobile-1.3.0.min.js"></script>
проблема в том, что «onpagecreate» не называется. Если я избавлюсь от этого вот так:
function createList(menudata){
var html = '';
$.each(menudata,function(i,val){
html += '<div data-role="collapsible" data-inset="true" data-id='+val.productId+'><h3>'+val.name+'</h3><ul data-role="listview" data-inset="true">';
$.each(val.productoption,function(i,val){
html += '<li class="row">'+val.topping+'</li>';
});
html += '</ul></div>';
});
return html;
}
var menulistitem = createList(data);
$('#menu-content').empty().append(menulistitem);
$('div[data-role=collapsible]').collapsible();
$('div ul').listview();
Он рисует меню, но его не разборчиво. Я предполагаю, что причина его не сбрасывается в том, что время отключено
Кто-нибудь знает, как исправить это?
Спасибо!
You 'загружает несколько версий jquery и jquery.mobile. Не делай этого. – Barmar
Вам также не хватает некоторых тегов ''. Вы не можете объединить его с '