• jquery mobile页面跳转后js不执行的问题


    最近用jqueryMobile 被这个问题卡了一下

    为了实现在移动设备上的无缝客户体验,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>

  • 相关阅读:
    Angular2+学习第1篇 简介
    JS:ES5数组基本操作
    git常用操作命令
    URL-Routing
    uid-datepicker
    元素隐藏 css
    Angular2+学习第2篇 cli 环境搭建过程
    DRF 07
    DRF小练习 04
    DRF小练习 02
  • 原文地址:https://www.cnblogs.com/superdong/p/4112519.html
Copyright © 2020-2023  润新知