zoukankan      html  css  js  c++  java
  • 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> 
  • 相关阅读:
    JVM类加载器
    Java类加载过程
    进程间8种通信方式详解
    SpringCloud教程(Finchley版本)-00:什么是SpringCloud
    pyinstaller打包web项目
    Type javax.xml.bind.JAXBContext not present
    Cannot execute request on any known server
    websocket原理
    falsk模板jinja2与Vue冲突解决方案
    关于springboot Error resolving template之类问题
  • 原文地址:https://www.cnblogs.com/wellsoho/p/3580604.html
Copyright © 2011-2022 走看看