Question

我还是jQuery mobile的新手。我正试图在我的一个页面上解决一个小问题。

我有一个包含简单链接列表的页面。这里没什么特别的，只有这个：

<ul>
    <li> <a href="test.php">One</a></li>
    <li> <a href="test1.php">Two</a></li>
    <li> <a href="test2.php">Three</a></li>
    <li> <a href="test3.php">Four</a></li>
    <li> <a href="test4.php">Five</a></li>
<ul>    
<a href="#" id="list_more">More</a>

我有一些js，所以当点击#list_more链接时，我们会执行一个ajax调用，它会拉出接下来的五个项目并添加到ul的末尾。

$('#list_more').click(function(){
    $.post("/scripts/ajax.php", function(data){
        $('#list_more').attr('data-time',data.time);
        $('ul li:last').after(data.out);
    });
})

使用多页模板设置页面。因为新页面正在动态添加到DOM，所以我收到了Error loading page消息。我不知道如何解决这个问题。

Answer 1

您是否尝试刷新清单？ http://operationmobile.com/dont-forget-to-call-refresh-when-adding-items-to-your-jquery-mobile-list/

jquery mobile动态地将新链接插入到DOM中不起作用

1 个答案: