欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2020-11-16 11:53:25|栏目:jquery|点击:

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 实现的全选和反选

栏    目:jquery

下一篇:jQuery动态修改字体大小的方法【测试可用】

本文标题:关于两个jQuery(js)特效冲突的bug的解决办法

本文地址:http://www.codeinn.net/misctech/23125.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有