关于两个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 相关文章推荐
IE浏览器打印的页眉页脚设置解决方法
Dec 08 Javascript
js 键盘记录实现(兼容FireFox和IE)
Feb 07 Javascript
js获取单选框或复选框值及操作
Dec 18 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
Dec 16 Javascript
jQuery+css实现百度百科的页面导航效果
Dec 16 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
Vue框架之goods组件开发详解
Jan 25 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
Jul 10 Javascript
Angular resolve基础用法详解
Oct 03 Javascript
JS学习笔记之原型链和利用原型实现继承详解
May 29 Javascript
javascript实现图片轮换动作方法
Aug 07 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
PHP5+UTF8多文件上传类
2008/10/17 PHP
php中使用DOM类读取XML文件的实现代码
2011/12/14 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
PHP编程实现多维数组按照某个键值排序的方法小结【2种方法】
2017/04/27 PHP
PHP getDocNamespaces()函数讲解
2019/02/03 PHP
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
浅谈JS的基础类型与引用类型
2016/09/13 Javascript
分享一个原生的JavaScript拖动方法
2016/09/25 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
解决浏览器会自动填充密码的问题
2017/04/28 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
2018/07/31 Javascript
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
angular异步验证防抖踩坑实录
2019/12/01 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
2020/01/11 jQuery
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
学前端,css与javascript重难点浅析
2020/06/11 Javascript
python实现bitmap数据结构详解
2014/02/17 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
python numpy格式化打印的实例
2018/05/14 Python
python验证码识别教程之利用滴水算法分割图片
2018/06/05 Python
Python实现网站表单提交和模板
2019/01/15 Python
Python文件读写常见用法总结
2019/02/22 Python
Python tkinter和exe打包的方法
2020/02/05 Python
pytorch中图像的数据格式实例
2020/02/11 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
python statsmodel的使用
2020/12/21 Python
canvas中普通动效与粒子动效的实现代码示例
2019/01/03 HTML / CSS
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
Public Desire美国/加拿大:全球性的在线鞋类品牌
2018/12/17 全球购物
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
区域销售经理职责
2013/12/22 职场文书
先进集体获奖感言
2014/02/13 职场文书
优秀应届生求职信
2014/06/16 职场文书
奖励申请报告范文
2015/05/15 职场文书