jQuery Mobile页面返回无需重新get
jquery mobile新版中没有返回按钮的解决方案
1、 需要在页面源代码的 page 中加上 data-add-back-btn="true" 。
$.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的时候,我们新进入一个页面可能需要添加一个返回按钮,用户返回到上一个页面,我们可以使用上一篇文章中的方法,在Header中添加返回上一个页面的链接,但是这样有一点不好,如果这个页面有多个入口(即可以从多个页面跳入本页面),那么我们这个返回就得做判断了。在这种情况下我们可以使用jquerymobile的data-add-back-btn属性,并将其值设为true。这样jquerymobile会自动为我们记住该返回哪个页面。下面看一个例子代码:
<a href="" data-rel="back">Go back...</a>
我们做手机应用的时候,一般会在下面添加一些按钮,这时候我们就可以在footer上添加按钮了。这里我们不使用真正的按钮,而是使用CSS来将A标签,做成按钮一下,在上面的程序中添加如下的代码:
- <div data-role="footer" class="ui-bar">
- <a href="credits.html">Credits</a>
- <a href="contact.html">Contact</a>
- </div>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。