【解决方案】jquery mobile 页面事件多次重复跳转
来源:互联网 发布:荆州网络电视垄上行 编辑:程序博客网 时间:2024/06/05 14:10
问题描述:
如图,第一次跳转(changePage)的时候跳转函数执行了一次,但是第二次跳转的时候函数却执行了2次,第三次跳转的时候TMD执行了3次。。。。。内心千万只草泥马狂奔!!!网上搜了一大堆资料,大部分是关于JQM的点击事件默认会多次触发的坑爹行为。。。尝试了很多种方法,基本无效。。。
唯一有用的参考链接:JqueryMobile页面事件重复绑定的问题
解决方案:
$(document).bind("pageinit",function () { $("#opacPageA").click(function(){ console.log("hello!!!!"); $.mobile.changePage("opac/opacPage.html",{ transition: "flip", changeHash:false }); }); // 阻止重复跳转 $(document).off('pageinit');});
关键代码:
$(document).off('pageinit');
解释:
在函数第一次调用的时候就立马解绑事件!!!
(ps:干完就走人,速度要快。。。)
----------------------------------- 10分钟之后 前来补充 ------------------------------
。。。好尴尬,其实换一种绑定方式即可避免该问题的产生:
源代码中:
$(document).bind("pageinit", function () {...
改为:
$(document).on("pageinit","#mainPage", function () {...
PS:其实之前也想过添加一个指向页面,但是当时“$(document).bind("pageinit","#mainPage", function () {...”这样写无效,原因在于bind 应该改用 on
阅读全文
0 0
- 【解决方案】jquery mobile 页面事件多次重复跳转
- jquery mobile 事件 多次绑定
- jQuery Mobile-页面跳转
- jQuery Mobile 页面事件
- jQuery Mobile 页面事件
- jquery mobile使用a标签跳转页面时页面未执行pageinit事件的问题
- PhoneGap/jQuery Mobile: 多页面导航跳转
- jquery mobile 页面跳转 data-id
- jQuery mobile 学习02 页面事件
- jquery mobile 解绑页面事件
- jquery click嵌套 事件重复注册 多次执行的问题解决
- 【JQuery】一个DOM元素,多次绑定同一事件的解决方案
- jQuery Mobile页面跳转后未加载外部JS
- jquery mobile如何实现滑动屏幕跳转页面
- jQuery Mobile页面跳转后未加载外部JS
- jquery mobile页面跳转 js无法加载的解决办法
- jQuery Mobile页面跳转切换的几种方式
- jquery mobile页面跳转后样式丢失js失效
- Ubuntu 16.04 安装Sublime Text 3
- 索引的应用
- JDBC学习练习 MySQL数据库连接
- 相对路径和绝对路径
- 洛谷 Cx的故事
- 【解决方案】jquery mobile 页面事件多次重复跳转
- 面试归来——梳理社招面试以及浅述对程序员职业生涯的看法
- Java 流
- Perl_获得字符串长度_length($var)
- 数据结构及算法知识(一)
- 解析js中的深拷贝和浅拷贝
- 集合 详解
- overlaps the location of another project Zendstudio导入已经存在的目录
- 奥术大师多撒多撒