jquery1.9以上版本如何使用toggle函数

最新推荐文章于 2025-08-07 14:42:17 发布

转载最新推荐文章于 2025-08-07 14:42:17 发布 · 57 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/CyLee/p/7830928.html

文章标签：

#javascript #ViewUI

本文介绍了如何为jQuery中的元素自定义实现toggle()功能，该方法可在1.9及以上版本中使用，通过绑定两个或多个事件处理器函数来响应click事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

但是在1.9及以上的版本中已经删除了该功能。

感觉这个功能还是不错的，以下来自网上搜集，可以在js中加入以下这段代码，然后就可以给元素绑定toggle功能。

$.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 );
  };

转载于:https://www.cnblogs.com/CyLee/p/7830928.html