jquery新版本不支持toggle()的解决方法

原文链接：https://blog.csdn.net/u011061889/article/details/50397462

今天写一个静态页面，需要点击一个按钮，按顺序执行俩个事件。记得之前看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 );
  };

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14

直接在js代码中加入以上代码，就可以使用toggle()事件的功能。