Question

您好，我在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
    ...

Answer 1

试试这个：

var list = "<ul data-role=" + "'listview'" + "><li>"+rows+"</li></ul>";
$('your list container selector').append(list).listview().trigger('create');

Jquery listview未更新

1 个答案: