jquery mobile页面跳转后js不执行的问题
2014-11-02 11:15
369 查看
为了实现在移动设备上的无缝客户体验,jQuery Mobile默认采用AJAX的方式载入一个目的链接页面。因此,当在浏览器中点击一个链接打一个新的页面时,jQuery Mobile接收这个链接,通过AJAX的方式请求链接页面,并把请求得到的内容注入到当前页面的DOM里。另外还需要确保请求的页面url唯一标识的。
这样的结果就是用户交互始终保存在同一个页面中。新页面中的内容也会轻松的显示到这个页面里。这种平滑的客户体验相比于传统打开一个新的页面并等待数秒的 方式要好很多。当一个新的页面做为新的data-role=”page” div插入到主页面时,主页面会有效的缓存取到的内容。使得当要访问一个页面时能够尽快的显示出来。这个工作过程听起来难以置信的复杂,但是做为开发人员 的我们大部份不需要了解其中工作的具体细节。只要能看到效果就OK。
解决方法一:
如果想在页面加载时运行J***ASCRIPT,需在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>
这样的结果就是用户交互始终保存在同一个页面中。新页面中的内容也会轻松的显示到这个页面里。这种平滑的客户体验相比于传统打开一个新的页面并等待数秒的 方式要好很多。当一个新的页面做为新的data-role=”page” div插入到主页面时,主页面会有效的缓存取到的内容。使得当要访问一个页面时能够尽快的显示出来。这个工作过程听起来难以置信的复杂,但是做为开发人员 的我们大部份不需要了解其中工作的具体细节。只要能看到效果就OK。
解决方法一:
如果想在页面加载时运行J***ASCRIPT,需在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>
相关文章推荐
- JQuery Mobile 页面跳转后js不执行的问题(二)
- Jquery mobile页面跳转js无法执行的问题
- jquery mobile页面跳转后js不执行的问题
- jquery mobile开发中页面跳转后js不执行的问题
- jquery mobile开发中页面跳转后js不执行的问题
- jquery mobile开发中页面跳转后js不执行的问题
- jquery mobile页面跳转后js不执行的问题
- jquery mobile开发中页面跳转后js不执行的问题
- jquery mobile使用a标签跳转页面时页面未执行pageinit事件的问题
- jquery mobile框架,用超链接定位到其他页面,会出现不能跳转或者跳转后页面js代码不能执行现象
- js不能跳转到上一页面的问题解决方法
- js页面跳转的问题(跳转到父页面,跳转到最外层页面)
- js函数在window.location.href跳转页面传参由于空格引发的一个小问题
- jsp action跳转页面css和js失效问题解决
- 关于在页面里加载和执行JS顺序的问题
- js页面跳转的问题(跳转到父页面、最外层页面、本页面)
- JavaScript跳转页面/Action并传递中文参数[解决js超链接传递过程中产生的中文乱码问题]
- asp.net 在iframe 中页面跳转问题 js
- JS页面跳转ie,firefox,opera不兼容问题的解决
- js中页面跳转问题