javascript - 更新後のJquerymobileでのGridviewの更新

Question

「jquery-mobile」プラグインを使用して、ボタンで構成されるグリッドブロックを含むページを作成しました。グリッド内のボタンは、実行時に動的に作成されます。ポストバックコールの後、古い値はまだ残ります。更新後にグリッドを新しい値で更新したい。

これがコードです。

HTML：

<div id="chapter_div" data-role="page" data-content-theme="a">
    <div data-role="header">
    <h1>Chapter Chooser</h1>
    </div>
    <div data-role="content" class="ui-grid-d" id="show_chapter_number"> 
    </div>                  
</div>  

Javascript / Jqueryコード：

function showChapter(book_id) {

           var chapter_count=" ";
           var menu = " ";

           var html = " ";
           var row_count = 1;
           var row_block_id = 'a';

           chapter_count = getChapterCount(book_id);

           for (itr = 1; itr <= chapter_count; itr++) {

             switch(row_count) {
                    case 1:
                    row_block_id = 'a';
                    row_count++;
                    break;
                    case 2:
                    row_block_id = 'b';
                    row_count++;
                    break;
                    case 3:
                    row_block_id = 'c';
                    row_count++;
                    break;
                    case 4:
                    row_block_id = 'd';
                    row_count++;
                    break;
                    case 5:
                    row_block_id = 'e';
                    row_count=1;
                    break;

                }

                html += "<div class=\"ui-block-"+row_block_id+"\"><button onclick=\"javascript:showVerse(" + book_id + ",\'" + itr + "\');\" class=\"ui-bar ui-bar-c\" style=\"width:70px\">" + itr + "</button></div>";

            }               

            var grid_chapter = $('#show_chapter_number');

            grid_chapter.append(html);

            $.mobile.changePage("#chapter_div", {transition: 'pop', role: 'dialog'});              

            **grid_chapter.content("refresh");**

        }

ポストバック後にグリッドまたはコンテンツのアイテムを更新するにはどうすればよいですか？

コードのこの行をどのように変更すればよいですか：grid_chapter.content("refresh");正しく機能させるには？

ありがとう。

Answer 1

方法を試してくださいtrigger("create")：

grid_chapter.append(html).trigger("create");