JQuery Mobile UL列表仍无法动态列表

Question

有没有人想出任何JQuery Mobile UL列表视图的解决方案？

我目前正在使用JQuery Mobile 1.1.2 Alpha,我指的是一个旧的错误:

jQuery Mobile初始化listview的正确方法

我的列表视图如下所示:

<ul data-role="listview" id="store-info">
        <li>My First Store</li>
        <li>48 Big Oak Lane </li>
        <li>Stamford</li>
        <li>CT</li>
        <li>06903</li>
</ul>

我试过用:

$( "#store-info" ).listview();

还有这个:

$('#stores_main_view').trigger('create');

在下面

<div data-role="content" id="stores_main_view" class="content ui-content" role="main">
<ul data-role="listview" class="ui-listview">
        <li>
    <form class="product-form">
        <ul data-role="listview" id="store-info">
        <li>My First Store</li>
        <li>48 Big Oak Lane </li>
        <li>Stamford</li>
        <li>CT</li>
        <li>06903</li>
</ul>

    </form>
</li>
</ul>
</div>

尝试动态创建列表时,两者都会产生相同的错误:

Uncaught TypeError: Cannot read property 'jQuery1710409190776059404' of undefined 

这个问题有什么好的解决方案吗？

Answer 1

jQuery移动代码(在方法中_createSubPages,正好是你在评论中引用的那个)期望创建的控件在a中.ui-page.

在调用之前,只需在控件所在的页面上添加类就可以trigger('create')解决问题.

$('#page-id').addClass('ui-page')

如果你这样做,它也有效

$.mobile.loadPage('#page-id')

希望这可以帮助.