jQuery Mobile页面返回无需重新get

jquery mobile新版中没有返回按钮的解决方案

1、 需要在页面源代码的 page 中加上 data-add-back-btn="true" 。

2、同时页面的代码中加上一句 js 代码即可:
     $(document).bind("mobileinit", function() {
    $.mobile.page.prototype.options.addBackBtn = true;
});

----------------------------------------

jQuery Mobile页面返回无需重新get

http://www.th7.cn/web/ajax/201208/5059.shtml

 

页面在切换完后,会触发pagechange事件,于是我把pagebeforeshow改成了pagechange,一切都按预期运行,并且没有错误,终于大功告成了。

总结

在使用该插件时,请注意以下几点:

1、必须在引用该脚本之前,引用jquery和jquery mobile脚本文件;

2、必须在page上增加data-dom-cache="true"。

 

----------------------------------------------------------

jquerymobile-5 back button和footer  

使用jquerymobile的时候,我们新进入一个页面可能需要添加一个返回按钮,用户返回到上一个页面,我们可以使用上一篇文章中的方法,在Header中添加返回上一个页面的链接,但是这样有一点不好,如果这个页面有多个入口(即可以从多个页面跳入本页面),那么我们这个返回就得做判断了。在这种情况下我们可以使用jquerymobile的data-add-back-btn属性,并将其值设为true。这样jquerymobile会自动为我们记住该返回哪个页面。下面看一个例子代码:

   <a href="" data-rel="back">Go back...</a>  

我们做手机应用的时候,一般会在下面添加一些按钮,这时候我们就可以在footer上添加按钮了。这里我们不使用真正的按钮,而是使用CSS来将A标签,做成按钮一下,在上面的程序中添加如下的代码:

  1. <div data-role="footer" class="ui-bar">  
  2.   <a href="credits.html">Credits</a>  
  3.   <a href="contact.html">Contact</a>  
  4. </div> 

 

jQuery Mobile页面返回无需重新get,布布扣,bubuko.com

jQuery Mobile页面返回无需重新get

上一篇:软件测试自学还是报班好?需要掌握哪些技能?


下一篇:使用swaggo时要注意的一点