0

嗨，在我的 html 页面中的部分之间跳转时，我在更新列表时遇到了问题。我猜这只是一个格式问题，因为所有行都正确显示，因此 xml 读取是正确的。我认为这可能是列表的刷新问题。如果我在刷新时使用此行，则不会发生任何事情，并且 xml 将不会被解析为开头。：

    $('#lists' + nextPage).listview("refresh")

如果我将此行与 trigger() 一起使用而没有 listview 刷新，则列表仍将无法正确格式化，但 xml 将被解析并放入页面中。

    $('#lists' + nextPage).append("<li>"+rows+"</li>").trigger('create')

这是我的 javascript 中的一小段内容：

    $(xml).find('swedish').each(function() {
        $(this).find('site[id="' + pageNum + '"]').each(function() {
            $(this).find('quiz').each(function() {
                $('#lists' + nextPage).text(''),
                $(this).find('row').each(function() {
                    rows = $(this).text(),
                    $('#lists' + nextPage).append("<li>"+rows+"</li>").trigger('create')
                    //$('#lists' + nextPage).listview("refresh")
                }); //each
            }); //each
        }); //each
    }); //within success function
    $.mobile.changePage("#page" + nextPage, {
        transition: "slide",
        reverse: false
    })

这是我的html中的一小部分：

    <section id="page1" data-role="page">
        <header data-role="header" id="quiz">
            <table border="0" align="center">
                <tr align="center">
                    <td align="right"><h3>Quiz</h3></td>
                    <td align="left"><div id="pagecounter1">
                            <h3>0</h3>
                        </div></td></tr
                ></table>
        </header>

        <ul id="lists1" data-role="listview">
        </ul>
    </section>

我希望它的格式类似于您使用以下命令创建列表视图：“data-role="listview" 您可以在代码中看到我正在这样做，但它看起来像这样的未格式化列表：

    item1
    item2
    item2
    ...
4

1 回答 1

0

尝试这个：

var list = "<ul data-role=" + "'listview'" + "><li>"+rows+"</li></ul>";
$('your list container selector').append(list).listview().trigger('create');
于 2013-02-08T13:05:11.377 回答