。对（“pagecreate”）没有被调用

我试图复制此代码：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();

它绘制菜单，但它不能折叠。我假设它不是可折叠的原因是时间结束了

任何人都知道如何解决这一问题？

谢谢！

来源

2016-11-10 Richard Garfield

你'重新加载jquery和jquery.mobile的多个版本。不要这样做。 – Barmar

你也错过了一些''标签。你不能将它与'

。对（“pagecreate”）没有被调用

相关问题