zoukankan      html  css  js  c++  java
  • jquery mobile页面跳转后js不执行的问题

    为了实现在移动设备上的无缝客户体验,jQuery Mobile默认采用AJAX的方式载入一个目的链接页面。因此,当在浏览器中点击一个链接打一个新的页面时,jQuery Mobile接收这个链接,通过AJAX的方式请求链接页面,并把请求得到的内容注入到当前页面的DOM里。另外还需要确保请求的页面url唯一标识的。

    这样的结果就是用户交互始终保存在同一个页面中。新页面中的内容也会轻松的显示到这个页面里。这种平滑的客户体验相比于传统打开一个新的页面并等待数秒的 方式要好很多。当一个新的页面做为新的data-role=”page” div插入到主页面时,主页面会有效的缓存取到的内容。使得当要访问一个页面时能够尽快的显示出来。这个工作过程听起来难以置信的复杂,但是做为开发人员 的我们大部份不需要了解其中工作的具体细节。只要能看到效果就OK。

    解决方法一:

    如果想在页面加载时运行JAVASCRIPT,需在A标签中加data-ajax="false"

    解决方法二:

    用JS代替连接跳转 <a href="javascript:location.href'register.aspx'" data-role="button" data-inline="true" data-theme="c">会员注册</a>

    解决方法三:

    把需要加载的文件放在内容标签内:<div data-role="content">
    <script type="text/javascript">
    alert('OK了吧');
    </script>
    </div>

  • 相关阅读:
    linux之awk命令
    HDU 2097 Sky数 进制转换
    HDU 2077 汉诺塔IV
    HDU 2094 产生冠军 dfs加map容器
    HDU 2073 叠框
    HDU 2083 简易版之最短距离
    HDU 2063 过山车 二分匹配
    天梯 1014 装箱问题
    天梯 1214 线段覆盖
    天梯 1098 均分纸牌
  • 原文地址:https://www.cnblogs.com/espcms/p/3711528.html
Copyright © 2011-2022 走看看