关于两个jQuery(js)特效冲突的bug的解决办法


Posted in Javascript onSeptember 04, 2016

Problem:

使用jquery,json做一个资源下载的应用,其中用到paginate.js和JSON数据的分页效果,以及jquery.DOMWindow.js的弹窗效果。

但是出现以下bug:

单击“上/下一页,首/末页”后,弹窗事件失效;

Analysis:

对于这个Bug,在paginate.js中设计的上/下一页,首/末页按钮属性是设置了href=”javascript:(void)”,google到关于这个属性的解释:

“javascript:void(0); in a link is usually a placeholderfor an onclick action that is done by clicking the link.”

在写 AJAX 的时候很常应用到类似的语法,好处是连结的样式还会存在,然则不会导向任何处所,改为执行 onclick 事务中的 function。在我们在做页面无刷新时用的比较多,一般是Ajax的使用上。

所以这个bug的原因可以理解为每次单击此按钮后,就链接到void,而让加载DOMWindow的js函数失效了。

所以可以通过把void改成页面中加载DOMWindow的js函数来解决这个bug。

Solution:

把每个翻页按钮中链接的javascript:(void)改成加载DOMWindow的js函数。即:javascript:DOMWindow(),这样在每一次翻页的过程中都会有加载到DOMWindow的js函数。

类似的这种技巧在协调多个javascript/jquery事件的情况下也常常用到。

以上这篇关于两个jQuery(js)特效冲突的bug的解决办法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
异步javascript的原理和实现技巧介绍
Nov 08 Javascript
JS远程获取网页源代码实例
Sep 05 Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
jquery实现点击消失的代码
Mar 03 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
自定义vue全局组件use使用、vuex的使用详解
Jun 14 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
angular之ng-template模板加载
Nov 09 Javascript
Nginx设置为Node.js的前端服务器方法总结
Mar 27 Javascript
微信小程序 wx:for遍历循环使用实例解析
Sep 09 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
Sep 04 #Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 #Javascript
JavaScript 冒泡排序和选择排序的实现代码
Sep 03 #Javascript
浅析$(function) ready和onload 的区别
Sep 03 #Javascript
详解Javascript中prototype属性(推荐)
Sep 03 #Javascript
jQuery基本选择器之标签名选择器
Sep 03 #Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 #Javascript
You might like
PHP中创建并处理图象
2006/10/09 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
PHP实现上传文件并存进数据库的方法
2015/07/16 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
javascript 控制弹出窗口
2007/04/10 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
AngularJS 过滤器的简单实例
2016/07/27 Javascript
在一个页面重复使用一个js函数的方法详解
2016/12/26 Javascript
图文详解Javascript中的上下文和作用域
2017/02/15 Javascript
几行js代码实现自适应
2017/02/24 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
详解node服务器中打开html文件的两种方法
2017/09/18 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
Python标准库与第三方库详解
2014/07/22 Python
Python的Flask框架中实现登录用户的个人资料和头像的教程
2015/04/20 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
Python和Sublime整合过程图示
2019/12/25 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
python实现吃苹果小游戏
2020/03/21 Python
Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)
2020/09/29 Python
Django xadmin安装及使用详解
2020/10/26 Python
介绍一下Linux中的链接
2016/05/28 面试题
Java语言程序设计测试题判断题部分
2013/01/06 面试题
音乐专业应届生教师求职信
2013/11/04 职场文书
简历自我评价怎么写呢?
2014/01/06 职场文书
文字自荐书范文
2014/02/10 职场文书
软件部经理岗位职责范本
2014/02/25 职场文书
环境建设实施方案
2014/03/14 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书