廃止予定jQueryトグルイベントに相当。

Question

jQueryのToggle Event関数のバージョンが1.9の一部としてbeen removedです。

私はそうのように、この機能を使用していました：

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

今トグルイベントを行ってきました。この機能を再現するための最良の方法だろうか？

Answer 1

ロード移行して、彼らはそれにfn.toggler代わりにそれ

を除去する名前の変更があっコード

は、私が提案してきた

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

同じことについての私の記事を参照してください見ます

ここにコードがあります。これは自己完結型の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); 

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