toggle - 已弃用的 jQuery Toggle 事件的等效项

Question

这个问题已经有答案了:

Where has fn.toggle( handler(eventObject), handler(eventObject)...) gone? (4 个回答)

已关闭 10 年前。

jQuery 的 Toggle Event功能有been removed作为版本 1.9 的一部分。

我像这样使用这个函数:

$('#example').toggle(function() {
    do stuff
}, function() {
    do stuff
});

现在切换事件已经消失，重现此功能的最佳方法是什么？

Answer 1

加载 MIGRATE 并查看其中的代码

查看我关于同一件事的帖子

Where has fn.toggle( handler(eventObject), handler(eventObject)...) gone?

我建议他们将其重命名为 fn.toggler 而不是删除它

这是代码 - 它是一个独立的 jQuery 插件，可以按原样使用。

jQuery.fn.toggle = function( fn, fn2 ) {
  // Don't mess with animation or css toggles
  if ( !jQuery.isFunction( fn ) || !jQuery.isFunction( fn2 ) ) {
    return oldToggle.apply( this, arguments );
  }
  // migrateWarn("jQuery.fn.toggle(handler, handler...) is deprecated");
  // Save reference to arguments for access in closure
  var args = arguments,
  guid = fn.guid || jQuery.guid++,
  i = 0,
  toggler = function( event ) {
    // Figure out which function to execute
    var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
    jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
    // Make sure that clicks stop
    event.preventDefault();
    // and execute the function
    return args[ lastToggle ].apply( this, arguments ) || false;
  };
  // link all the functions, so any of them can unbind this click handler
  toggler.guid = guid;
  while ( i < args.length ) {
    args[ i++ ].guid = guid;
  }
  return this.click( toggler );
};

较短的、未经测试的版本:

(function( $ ){
  $.fn.toggler = function( fn, fn2 ) {
    var args = arguments,guid = fn.guid || $.guid++,i=0,
    toggler = 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;
    };
    toggler.guid = guid;
    while ( i < args.length ) {
      args[ i++ ].guid = guid;
    }
    return this.click( toggler );
  };
})( jQuery );