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 に答える