JQuery Mobile UL列表仍然不能用于动态列表

JQuery Mobile UL List Still Not Working fro Dynamic List

本文关键字：列表 不能 用于 动态 Mobile UL JQuery      更新时间：2023-09-26

有人为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

这个问题有什么好的解决办法吗？

jQuery移动代码（在方法_createSubPages中，正是您在注释中引用的方法）希望创建的控件位于.ui-page中。

在调用trigger('create')之前，只需在控件所在的页面上添加类，我就解决了这个问题

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

如果你做，它也会起作用

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

希望这能有所帮助。

试试这个：

$("#nav-panel").load("nav-panel.html", function () {
    $(this).trigger("create");
});
相关文章：