相当于不推荐使用的jQuery切换事件

作为版本1.9的一部分，jQuery的切换事件function已被删除 。

我正在使用这样的function：

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

现在切换事件的最好方法是什么？

Answer 1

加载MIGRATE并在那里看到代码

看到我的文章关于同样的事情

哪里有fn.toggle（处理程序（eventObject），处理程序（eventObject））？

我build议他们将其重命名为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 ); }; 

更短，未经testing的版本：

 (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 ); 

Answer 2

这也很好。

 $.fn.toggleClick = function(){ var functions = arguments ; return this.click(function(){ var iteration = $(this).data('iteration') || 0; functions[iteration].apply(this, arguments); iteration = (iteration + 1) % functions.length ; $(this).data('iteration', iteration); }); };