ホームページ  >  記事  >  ウェブフロントエンド  >  jquery1.9.1のトグルメソッドの使い方

jquery1.9.1のトグルメソッドの使い方

藏色散人
藏色散人オリジナル
2021-11-18 10:56:494410ブラウズ

jquery1.9.1 トグルの使用方法: 1. 対応する js コードを開きます; 2. 「$.fn.toggle = function(fn, fn2) {...}」コードを js に追加します。トグル関数を要素にバインドします。

jquery1.9.1のトグルメソッドの使い方

この記事の動作環境: Windows7 システム、jquery1.9.1 バージョン、DELL G3 コンピューター

jquery1.9.1 操作方法トグルメソッドを使用しますか?

jquery1.9 以降でトグル関数を使用するにはどうすればよいですか?

toggle() メソッドは、2 つ以上のイベント ハンドラー関数をバインドして、選択した要素のクリック イベントに順番に応答するために使用されます。

ただし、この機能はバージョン 1.9 以降では削除されています。

この機能はなかなか良いと感じます 以下はネット上から集めたものですが、jsに以下のコードを追加して要素にtoggle関数をバインドすることができます。

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

推奨学習: 「jquery ビデオ チュートリアル

以上がjquery1.9.1のトグルメソッドの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。