当前位置:首页 > 全栈分享 > JavaScript > 正文
slide Toggle()方法如何先后执行两次
发布时间:2018-03-06 19:19:10作者:魏义齐阅读:()评论:
我不知道起这个标题是否合适,因为我对jQuery并不是很精通,但大概意思我想大家已经明白了,使用之前先加上下面的代码:
- $.fn.toggle = function( fn, fn2 ) {
- var args = arguments,guid = fn.guid || $.guid++,i=0,
- toggle = function( event ) {
- var lastToggle = ( $._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
- $._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
- event.preventDefault();
- return args[ lastToggle ].apply( this, arguments ) || false;
- };
- toggle.guid = guid;
- while ( i < args.length ) {
- args[ i++ ].guid = guid;
- }
- return this.click( toggle );
- };
jQuery1.9及以上的版本删除了toggle()方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的click事件的功能,加上上面这段代码,就可以给元素绑定toggle功能。
下面的赞助按钮就用到了这个。
相关阅读
-
无相关信息
上一篇:随页面滚动动态加载内容的实现方法下一篇:点击文字即可将文字复制到粘贴板的实现方法
收起二维码
原创不易,您的赞助就是博主更新的动力!
赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。
完全自托管的评论系统
最新会员
-
东方星雨
-
deanhan
-
1264822519
-
aini3311
-
a1051020101
-
weiyiqi
- 网站防扒的一般措施(2517)
- js实现刷新页面所有微信号同步变化的效果(1780)
- 网站通用使文章图片相册式预览、左右滑动、自动切换、双击手捏放大缩小的方法(1270)
- 用swiper4给博客首页配置的一个3D方块切换轮播图(1033)
- 随页面滚动动态加载内容的实现方法(977)
- 点击文字即可将文字复制到粘贴板的实现方法(938)
- 打开页面自动滚动到指定位置的实现方法(937)
- slide Toggle()方法如何先后执行两次(621)
- 生日选择代码(594)
- 屏蔽终端的js代码(584)
- js给文章外链添加rel="nofollow",内链则自动排除(2022-01-08)
- 给文章代码高亮模块增加一键复制功能(2021-08-23)
- jQuery解决谷歌广告不显示但使打底广告无法点击问题(2021-08-12)
- 网站通用使文章图片相册式预览、左右滑动、自动切换、双击手捏放大缩小的方法(2019-06-10)
- 用swiper4给博客首页配置的一个3D方块切换轮播图(2018-10-29)