有几个方案:
1.可以用两种方法来解决:一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一;二是将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。
2.关闭Ajax效果:
禁止ajxa跳转有两种情况:
1、禁止局部ajax跳转
2、禁止全局ajax跳转
对于#1只需要在a标签中添加下面的属性:
data-ajax=“false”
有时我们要用正常的http请求而不用Ajax请求,比如链接到别的网站等情况。通过给a标签加下面的属性,可以将链接指定为正常的http请求:
rel=external
对于#2我们需要设置一个全局的禁止ajax跳转的方式,js代码如下:
$(document).bind("mobileinit", function() {
// disable ajax nav
$.mobile.ajaxEnabled=false
});
注意:上面的代码片段需要放在jquery.mobile-xxx.min.js引入之前。
顺便说一句,初始化的设置都需要放在此处,例如加载错误信息的设置:
$.mobile.pageLoadErrorMessage = 'Sorry, something went wrong. Please try again.';
3.jquery mobile弹出窗口
下面代码写入页面中:要放在你主页面page的后面。
<div data-role="dialog" id="dialog">
<div data-role="header" data-theme="d"><p style="text-align:center">操作提示</p></div>
<div data-role="content" data-theme="c">
<p>提示内容</p>
<a data-theme="b" href="index.html" data-role="button" data-rel="back">确定</a>
</div>
</div>
这里的data-role不是page,而是换成dialog了。
调用方式:$.mobile.changePage('#dialog', 'pop', true, true);
例子:
function SetCallBack(res) { if (res != null) { if (res == "ok") { $("#psubmitok").html("提交成功,点击确定查看更多社区信息。"); $.mobile.changePage('#dialog', 'pop', true, true); } else { $("#psubmitok").html("关注失败了,请刷新一下再试。"); $.mobile.changePage('#dialog', 'pop', true, true); } } }
相关推荐
JqueryMobile常见问题整理 跳转时重复调用pageinit方法的解决办法 页面跳转后样式丢失js失效
在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role=”page”元素加入当前的dom中。因此,在<head&...
用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了。 方法: 将当前页面b.html需要用到的css以及js放在<page>div内。 原理: 由于jqm的ajax跳转的时候,只会把b.html中内的内容加载进dom,而外的...
本文实例分析了jquery mobile开发常见问题。...这样就有问题了,js只有刷新页面的时候才会执行,起作用,页面中的js代码刷新页面起作用,点了页面里面的跳转,在转回来就不起作用了。 错误代码: <script
jQuery Mobile的是一个很好的移动开发框架,你可能已经知道,虽然它有很多难以解决的问题,但是我相信后续版本jquery会修复……我是很喜欢jquery的。这并不是说它很完美无暇,很多开发人员遇到的情况也都难解决,...
使用jQueryMobile时,我遇到了许多问题,例如管理类和大教堂。 有机结合,最初的想法是,如果浏览器端的每个部分页面及其管理类都可以像Android一样活跃,那么灵感就来了,CtMobile的实现完全是Android。 该活动已...
android开发,除了使用原生态的开发方式之外,还可以使用java+html+javascript混合开发的方式来开发,这样可以节省大量的开发时间,同时还可以使不同设备的用户获得相同的用户体验。好了,废话不多说,先来看看今天...
<script type="text/javascript" src="@InstallDir@js/jquery1.7.2.min.js"></script> jquery框架至少1.4以上版本 <script type="text/javascript" src="@InstallDir@js/common.js"></script> movcms内核js框架库 ...