jQuery Mobile UL列表仍然無法用於動態列表

Question

是否有人提出了JQuery Mobile UL List View的任何解決方案？

我當前正在使用JQuery Mobile 1.1.2 Alpha，我所指的錯誤是一個古老的錯誤：

jQuery Mobile初始化列表視圖的正確方法

我的列表視圖如下所示：

<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方法中，正是您在注釋中引用的代碼）期望創建的控件位於.ui-page 。

在調用trigger('create')之前，只需在控件所在的頁面上添加類即可解決此問題。

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

如果您執行

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

希望這可以幫助。

Answer 2

嘗試這個：

$("#nav-panel").load("nav-panel.html", function () {
    $(this).trigger("create");
});