jQuery Mobile：如何使用动态 DOM 操作刷新页面？

Question

我用 jQuery Mobile 创建了一个页面，并尝试动态添加内容：

    $(function () {

        $("#deviceTarget").sortable({
            revert: true
        });

        $("body > div[data-role='page']").append($("<div data-role='header' data-theme='a' data-position='fixed'><h1>Header</h1></div>"));
        $("body > div[data-role='page']").append($("<div data-role='footer' data-theme='a' data-position='fixed'><h1>Footer</h1></div>"));
        $.mobile.activePage.trigger("create");

    });

    $(document).bind('mobileinit',function(){
        $.mobile.defaultPageTransition = 'none';
        $.mobile.selectmenu.prototype.options.nativeMenu = false;
      });

    function refreshPage() {
        $.mobile.activePage.trigger("create");
    }

但我得到了result（图片）。

我想得到result（图片）。

我该怎么办？

谢谢。

Answer 1

你需要做的就是刷新页面

不确定此代码：

    $.mobile.activePage.trigger("refresh");

但它应该可以工作。否则看看这个jquerymobile.com article。