首頁 > web前端 > 前端問答 > jQuery中toggle不能用怎麼辦

jQuery中toggle不能用怎麼辦

藏色散人
發布: 2023-02-09 10:25:17
原創
2333 人瀏覽過

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

jQuery中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中toggle不能用怎麼辦

推薦學習:《jQuery影片教學

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板