jQuery Mobile:如何使用动态DOM操作刷新页面?

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

$(function () { $("#deviceTarget").sortable({ revert: true }); $("body > div[data-role='page']").append($("

Header

")); $("body > div[data-role='page']").append($("

Footer

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

但我得到了结果 (图片)。

我想得到结果 (图片)。

我能怎么做?

谢谢。

您需要做的就是刷新页面

不确定这段代码:

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

但它应该工作。 否则请看一下这篇jquerymobile.com文章 。