jQuery技术: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文章 。

    需要了解更多jQuery教程分享jQuery Mobile:如何使用动态DOM操作刷新页面?,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

      以上就是jQuery教程分享jQuery Mobile:如何使用动态DOM操作刷新页面?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/981526.html

      (0)
      上一篇 2021年12月12日
      下一篇 2021年12月12日

      精彩推荐