2 hjknet hjkNet 于 2014.12.02 01:05 提问

紧急求助一个jquery mobile问题

场景是这样的:

一个页面中有两个page,如下

 <div data-role="page" id="page">
    <div data-role="header"data-position="fixed">
    <a href="#index" id="indexBtn" data-role="none" data-direction="reverse"  data-transition="slide"></a>
    </div>
这里是页面内容
</div>

<div data-role="page" id="index">
这里是一个索引目录
</div>

我希望在id=indexBtn的按钮点击是显示id=index的页面。上面是可以实现的。

同时,我给整个document绑定了pageinit事件,进行业务处理和ajax获取数据,这些脚本写外部引用的js文件中。

 $(document).bind("pageinit",function(){
这里时ajax请求
}

问题是:
当我点击indexBtn调出index页面时(页面显示之前),document上绑定的pageinit事件触发了多次(从发出的ajax请求可以看出)
请教这个问题如何解决?拜谢!

5个回答

u010131870
u010131870   2014.12.08 17:27
已采纳

试试:$("#page").bind("pageinit", function(){
//TODO
});

hjkNet
hjkNet 哈哈哈哈
大约 3 年之前 回复
hjkNet
hjkNet 哈哈哈哈
大约 3 年之前 回复
hjkNet
hjkNet 哈哈哈哈
大约 3 年之前 回复
caozhy
caozhy 回复柔软的胖纸: 又出现评论多条啦
大约 3 年之前 回复
caozhy
caozhy 哦哦
大约 3 年之前 回复
caozhy
caozhy 哦哦
大约 3 年之前 回复
hjkNet
hjkNet 哦哦
大约 3 年之前 回复
hjkNet
hjkNet 哦哦
大约 3 年之前 回复
hjkNet
hjkNet 哦哦
大约 3 年之前 回复
hjkNet
hjkNet   Ds   Rxr 2015.04.21 16:00

顶一下顶下动一下哈哈

secondriver
secondriver   2014.12.02 18:45

试试:$("#page").bind("pageinit", function(){
//TODO
});

u010131870
u010131870 dvdrvrfvbfr
3 年多之前 回复
hjkNet
hjkNet   Ds   Rxr 2015.04.22 13:34

打扰一下打扰一下不好意思

theo789
theo789   2015.09.10 02:03

试试:$("#page").bind("pageinit", function(){
//TODO
});

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jQuery Mobile页面加载机制及页面跳转出现的问题
今天初步接触了jQuery Mobile框架,简单总结一下 首先,这个简单的项目做到现在,再去用这个框架已经不合适了,但是有一些特效,一些jqm封装的效果还是值得拿来用一下的。 比如今天用到了jqm的触摸事件,用来处理轮播图片左右滑动很方便,但是原生js也要学会,弄懂。 遇到了几个问题,第一个问题,起初调用jqm框架的时候,没有加 data-role=page,也没有将ready函数换成pa
jquery mobile的popup不弹出问题。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="lib/jquery.mobile-1.4.5.min.css"> <script src="lib
jquery mobile 页面转场或结束时有页面闪烁问题解决方法
重要注意事项:有些移动平台目前对css3的transitions支持还有问题。我们目前正在想办法一劳永逸的解决这个问题。如果你的项目在页面转场的过程中或结束时有页面闪烁的问题,我们建议采用下面的方法。请注意在部署之前在目标的平台上进行彻底的测试。这个二房会造成一些性能上的问题,有可能会使部分浏览器崩溃,特别是安卓系统上的。此方法为加上下面的一段css.... .ui-page { -webkit
近期使用jQuery mobile做项目时遇到的问题小结
最近运用jQuery mobile框架做了一个小项目,针对遇到的几个问题做一下总结。 一、在页面跳转过程中(即从page1 => page2),此时,page2 的js效果失效,无法实现动态效果,刷新page2 页面后,才可以实现。 解决:在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一;将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转
jquery mobile 解决切换页面时,闪屏,白屏等问题
如果没有在meta标签内定义user-scalable属性的话,
Jquery mobile 在手机page切换白屏闪烁问题
困扰了好久的问题终于找到了方法 在里面加入 user-scalable=no白屏问题解决
为什么加了jquery mobile 会有 Loading 字样在页面底部?【已解决】
这是一个奇怪的问题,用了jquery mobile js库,页面底部就会出现Loading字样, 解决办法如下: 1,正常加上css样式 2,一定要在jquery mobile js库加载之前,设置 mobile.loadingMessage = false;具体如下: jQM Complex Demo name="viewport" content="
解决jquery mobile的Chrome兼容性问题
将下段代码加入jq mobile的顶部,就OK了$(document).bind('mobileinit',function(){ $.mobile.changePage.defaults.changeHash = false; $.mobile.hashListeningEnabled = false; $.mobile.pushStateEnabled = false;
jqueryMobile页面跳转ajax载入与缓存问题
页面跳转ajax载入 在jqueryMobile的开发当中我们经常会遇到一些问题: 1、无法跳转到后一个页面 2、跳转到后一个页面事件或样式失效,需刷新一次可恢复正常 原因:JQM,为了是页面访问速度加快,每一个链接都是通过AJAX 方式进行载入,不会加载新页面head 区域的内容。             一般我们引入的css和js都会在head里面,所以我们事件或样式的失效就
JQueryMobile与后台通信
运用Jquery Mobile与后台通信的一个例子,通过Jquery Mobile解决手机跨平台问题