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。