关于两个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学习笔记9 prototype封装继承
Jan 11 Javascript
javascript new fun的执行过程
Aug 05 Javascript
三种方式获取XMLHttpRequest对象
Apr 21 Javascript
JavaScript变量声明详解
Nov 27 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
jQuery横向擦除焦点图特效代码分享
Sep 06 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
node的process以及child_process模块学习笔记
Mar 06 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
May 10 Javascript
微信小程序实现树莓派(raspberry pi)小车控制
Feb 12 Javascript
微信小程序实现点击页面出现文字
Sep 21 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
windows xp下安装pear
2006/12/02 PHP
PHP提取中文首字母
2008/04/09 PHP
PHP session有效期问题
2009/04/26 PHP
PHP预定义变量9大超全局数组用法详解
2016/04/23 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
实测jquery data()如何存值
2013/08/18 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
2015/10/13 Javascript
有关json_decode乱码及NULL的问题
2015/10/13 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
2016/01/19 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
2016/07/24 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
2017/02/13 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
微信小程序 如何保持登录状态
2019/08/16 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
Python3.x和Python2.x的区别介绍
2013/02/12 Python
python备份文件以及mysql数据库的脚本代码
2013/06/10 Python
跟老齐学Python之关于循环的小伎俩
2014/10/02 Python
简介Django框架中可使用的各类缓存
2015/07/23 Python
在Django的模型和公用函数中使用惰性翻译对象
2015/07/27 Python
详解python单例模式与metaclass
2016/01/15 Python
Python登录注册验证功能实现
2018/06/18 Python
python中文分词库jieba使用方法详解
2020/02/11 Python
Python爬虫基于lxml解决数据编码乱码问题
2020/07/31 Python
Pytorch自定义Dataset和DataLoader去除不存在和空数据的操作
2021/03/03 Python
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
期末考试动员演讲稿
2014/01/10 职场文书
学校介绍信范文
2014/01/14 职场文书
运动会获奖感言
2014/02/11 职场文书
学校周年庆活动方案
2014/08/22 职场文书
领导干部民主生活会自我剖析材料范文
2014/09/20 职场文书
水电施工员岗位职责
2015/04/11 职场文书
Golang 并发下的问题定位及解决方案
2022/03/16 Golang