jquery 1.9以上新版本不支持toggle()的解决方法-优快云博客

原文： http://blog.youkuaiyun.com/u011061889/article/details/50397462

参考： http://www.cnblogs.com/lionden/archive/2013/03/21/2973410.html

----------------------------------------------------------------------------------------------------------------------

今天写一个静态页面，需要点击一个按钮，按顺序执行俩个事件。记得之前看jquery的时候有一个事件toggle（) 可以实现这个功能。
W3C中是这样解释这个事件的：

toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。

多次尝试之后，发现绑定多个函数，执行的时候并没有解释的那样，点击一次执行一个函数。
折腾了一上午才发现，原来在1.9以上的jquery都删除了这个事件。
那么要怎么解决这个问题呢。我的做法是，js代码部分引入一段代码，让高版本的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 ); };