jQuery中toggle不能用怎麼辦

jQuery中toggle不能用的解決方法：1、把部分原始碼改寫成一個插件；2、在網頁中引入該插件，然後透過「$.fn.toggle = function( fn, fn2 ) { var args = arguments,guid = fn.guid || $.guid ,i=0,toggler = function( event ) {...}”方式使用toggle即可。

本教學操作環境：Windows10系統、jquery1.9版、DELL G3電腦

jQuery中toggle不能用怎麼辦？

jQuery的1.9版本之後toggle（)失效的解決

最近搗鼓技術發現現在高版本的jQuery的toggle方法失效了，找到了之前版本的源碼對toggle功能的實現代碼，並且看到很多前輩的博客，學到了很多...

首先遇到這種情況我們應該先去查之前版本的源碼進行研究，試著把那部分原始碼改寫成一個插件，在自己的網頁中引入這個插件即可，可以供長期使用。

$.fn.toggle = 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影片教學》

以上是jQuery中toggle不能用怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！