2016-11-10 4 views
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(); 

Он рисует меню, но его не разборчиво. Я предполагаю, что причина его не сбрасывается в том, что время отключено

Кто-нибудь знает, как исправить это?

Спасибо!

+2

You 'загружает несколько версий jquery и jquery.mobile. Не делай этого. – Barmar

+2

Вам также не хватает некоторых тегов ''. Вы не можете объединить его с '

Смежные вопросы