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>
转载于:https://www.cnblogs.com/ifonly/p/3656828.html
jquery mobile页面跳转后js不执行的问题相关推荐
- jQuery Mobile页面返回无需重新get
jquery mobile新版中没有返回按钮的解决方案 1. 需要在页面源代码的 page 中加上 data-add-back-btn="true" . 2.同时页面的代码中加上一 ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (九) —— jQuery Mobile 页面与对话框
在<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 基础>中,Kayo 曾经简略介绍过 jQuery Mobile 的页面组件,当 ...
- jQuery Mobile 笔记(1)- jQuery Mobile页面结构
jQuery Mobile页面解构 jQuery Mobile 的"页面"结构不同于传统的html页面,这样做是为了优化single page application的用户体验. ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (十二) —— jQuery Mobile 页面事件与 deferred
在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery ...
- [ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布
[ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布局 当我们专注地研究人类生活的空虚,并考虑荣华富贵空幻无常时,也许我们正在阿谀逢迎自己懒惰的天 ...
- vue跳转页面之后返回_vue页面跳转后返回原页面初始位置方法
vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原页面的时候在设置返回位置为记录下的 ...
- js页面跳转和js对iframe进行页面跳转、刷新
js页面跳转和js对iframe进行页面跳转.刷新 一.js方式的页面跳转 1.window.location.href方式 <script language="javascr ...
- java url地址不变_页面跳转后,浏览器地址栏地址保持不变
有两个方法,一个使用JS实现,一个是用iframe实现. 首先是JS实现,废话就不多说了,上代码 function createXMLHttpRequest(){ if(window.XMLHttpR ...
- js页面跳转 和 js打开新窗口方法
js页面跳转 和 js打开新窗口 方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
- js页面跳转和js打开新窗口
js页面跳转 和 js打开新窗口 方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
最新文章
- [文章集合] 在Windows Server 2012上关于Vmware的几点
- 关于幂律分布的一个笔记_哈克_新浪博客
- java filereader blob_二进制学习——Blob,ArrayBuffer、File、FileReader和FormData的区别
- 深度学习模型如何缩小到可以放到微处理器呢?
- mysql主从数据丢失_故障分析 | 记一次 MySQL 主从双写导致的数据丢失问题
- ASP.NET页面对象模型:Page类介绍
- leetcode 449. Serialize and Deserialize BST | 449. 序列化和反序列化二叉搜索树(BST后序遍历性质)
- 使用Spring boot,Thymeleaf,AngularJS从零开始构建新的Web应用程序-第2部分
- Text Processing in Python
- oracle 存储过程 示例
- maven项目关于ojdbc14依赖配置
- PO BO VO DTO POJO DAO概念及其作用
- 如何设置无线路由器?
- 个人陈述 计算机专业,研究生个人陈述范例,计算机专业
- Blender程序化建模简明教程【PCG】
- python的30个编程技巧
- SAP之FPM卷一:FPM是什么
- 如何做自己不想做的事情,却必须要去做的事情
- 在职研究生(多重继承)Python
- FPGA串口接收学习
热门文章
- 从蒙到入门——JavaEE完整体系架构
- Redis面试必看40题
- SqlServer获取数据表字段自定义编号
- MySQL 千万级数据SQL的查询优化30条总结
- 每日一道剑指offer-从尾到头打印链表
- python colorbar刻度_matplotlib画3D图修改X,Y,Z,colorbar的刻度值
- linux把profile文件删了怎么办,误删Profile后的处理
- linux 多进程 libusb,基于Ubuntu的STM32调试环境搭建
- tsm linux文件备份命令,IBM TSM简单使用文档
- 校验json格式_接口的登录状态校验以及JWT