插件:

(function($) {$.fn.clickToggle = function(func1, func2) {var funcs = [func1, func2];this.data('toggleclicked', 0);this.click(function() {var data = $(this).data();var tc = data.toggleclicked;$.proxy(funcs[tc], this)();data.toggleclicked = (tc + 1) % 2;});return this;};
}(jQuery));

用法:( 需要jquery文件支持 )

<script type="text/javascript" src="https://code.jquery.com/jquery-1.5.js"></script>
<script>
$(function()
{$('div').clickToggle(function() {alert('First handler: ' + $(this).text());}, function() {alert('Second handler: ' + $(this).text());});
})
</script><div>1. div (click me)</div><br />
<div>2. div (click me)</div>

DEMO:http://jsfiddle.net/npwAz/1/

Note: It seems that at least since jQuery 1.7, this version of .toggle is deprecated, probably for exactly that reason, namely that two versions exist. Using .toggle to change the visibility of elements is just a more common usage. The method was removed in jQuery 1.9.

Update 2: 多事件循环,接受jquery 1.11版本

In the meantime, I created a proper plugin for this. It accepts an arbitrary number of functions and can be used for any event. It can be found on GitHub.

可以接受两个或两个以上函数循环执行,方法如下:

The function funcToggle provides the same interface as bind but accepts multiple event handlers:

funcToggle(eventType, [eventData], handler(eventObject),  [handler(eventObject), ...])

This changes the text color on each consecutive click, from to original color to red, to green, to black, to red again and so forth:

element.funcToggle('click', function() {$(this).css('color', 'red');
}, function() {$(this).css('color', 'green');
}, function() {$(this).css('color', 'black');
});

Bind handlers for multiple events:

element.funcToggle({'click': [function() {$(this).css('color', 'red');}, function() {$(this).css('color', 'green');}, function() {$(this).css('color', 'black');}],'mouseover': [function() {$(this).css('background-color', 'red');}, function() {$(this).css('background-color', 'white');}]
});

下载:jQuery-Function-Toggle-Plugin-master

DEMO: http://sources.ikeepstudying.com/jquery-functions-toggle/

更多内容参考:http://stackoverflow.com/questions/4911577/jquery-click-toggle-between-two-functions

本文转自:jQuery:无限循环两个或者多个事件 click / toggle between two functions

jQuery:无限循环两个或者多个事件 click / toggle between two functions相关推荐

  1. jquery 无限循环滚动,文字图片皆可,IE6,7,8,FF8测试无误

    有人说原生js写的有兼容问题,我在网上查了查,此类型的代码有很多(高手还是很多的),但是写的太复杂,最近正好在看<锋利的jquery>,书中有这样的例子,书中的例子是新闻标题向上无缝滚动, ...

  2. jQuery无限循环滚动出现的问题

    1.问题描述:鼠标离开后,滚动速度减慢. 原因:一个周期滚动1600px,时间周期为10s,鼠标离开后,继续完成该周期内剩余滚动距离,此时仍然花费10s,滚动速度必然减慢. 解决办法:按照比例,算出剩 ...

  3. ViewPager系列之ViewPager无限循环滑动

    目前ViewPager实现无限循环有2种方法,直接上具体方法: 方法1:重写 PagerAdapter 中的 getCount() 方法.其实只是在计算item 数目的时候给了一个很大的数,然后通过调 ...

  4. JQuery图片无限循环滚动源码

    平常项目中经常用到图片循环滚动,所以就写些必要的CSS定位,JS基本算法,最后就封装成JQuery图片无限循环滚动插件类,其实本质上是li块无限循环滚动,li块里面不管是图片还是其它内容,都OK的. ...

  5. jquery父元素和子元素点击事件传递问题_不可把父元素的事件传递给子元素_事件无限循环传递...

    前述:jquery中: 当一个元素的点击事件被触发时,会自动将该事件向父级元素逐级专递. 但是实际场景当中,我们可能会遇到需要在父级元素中定义点击事件,来触发特定子元素的点击事件,我就遇到了这么一个问 ...

  6. 2022-02-22:机器人大冒险。 力扣团队买了一个可编程机器人,机器人初始位置在原点(0, 0)。小伙伴事先给机器人输入一串指令command,机器人就会无限循环这条指令的步骤进行移动。指令有两种

    2022-02-22:机器人大冒险. 力扣团队买了一个可编程机器人,机器人初始位置在原点(0, 0).小伙伴事先给机器人输入一串指令command,机器人就会无限循环这条指令的步骤进行移动.指令有两种 ...

  7. 利用jQuery实现图片无限循环轮播(不借助于轮播插件)

    原来我主要是用Bootstrap框架或者swiper插件实现轮播图的功能,而这次是用jQuery来实现图片无限循环轮播! 用到的技术有:html.css.JavaScript(少).jQuery(主要 ...

  8. [jQuery基础] jQuery动效案例(二) -- 图标特效、无限循环滚动(简易轮播图)

    图标特效 实现效果展示 实现步骤 第一步(实现静态效果) CSS部分 *{margin: 0;padding: 0; } ul{list-style: none;width: 400px;height ...

  9. android星星爆炸效果图,Android_Android仿开心消消乐大树星星无限循环效果,啥都不说先上效果图,这个是 - phpStudy...

    Android仿开心消消乐大树星星无限循环效果 啥都不说先上效果图,这个是我项目里的效果: 下面的是我抽取出来的 demo 适配啥的我基本上都做好了没做其他的 ok 下面 说一下思路把 首先 说一下原 ...

最新文章

  1. 程序员那些年的斗智斗勇!!!
  2. 一天超2000次,阿里如何打响音视频超时空战役?
  3. solaris下使用USB 海量存储设备
  4. 换一个角度再谈一下WF
  5. 迅雷离线工具 小众雷友 测试版
  6. Django - app
  7. 写一个简单的实时互动小游戏
  8. 史上最全的工控类软件链接 快收藏备用吧
  9. 安装element ui
  10. glob库:文件名的匹配
  11. 计算机七进制乘法,编程达人
  12. 从零开始之驱动发开、linux驱动(四十、Linux common clock framework(5)_使用举例)
  13. 以智慧校园为起点 西电携手新华三发掘信息化价值
  14. 新瓶装旧酒,Ares 银行木马新增 Qakbot DGA 算法
  15. 2021-07-16(Kotlin学习笔记 -->享学课堂vip课程)
  16. c语言学生成绩管理系统设计分析,参阅:C语言学生成绩管理系统设计
  17. ISO27001体系建立中的风险评估方法
  18. CLRS 13.3插入
  19. 2022T电梯修理考试试题及在线模拟考试
  20. OpenAI Whisper + FFmpeg + TTS:动态实现跨语言视频音频翻译

热门文章

  1. 乘法逆元(洛谷-P3811)
  2. 图论 —— 带花树算法
  3. 明明的随机数(洛谷-P1059)
  4. 输出绝对值(信息学奥赛一本通-T1040)
  5. 信息学奥赛C++语言:派送蛋糕
  6. 1 QM配置-基本配置-维护工厂等级设置
  7. 47 SD配置-销售凭证设置-激活项目类别的定价
  8. 怎么查linux上谁删了文件,如何在 Linux 下快速找到被删除的文件?
  9. 离开载具_迷你世界 自制火箭试飞成功 飞行载具不负众望
  10. mac自带python升级_mac升级Python失败?