|
|||||||
|
|||||||
bind(type, [data], fn)
version 1.0 以降
解説マッチした要素に、イベントハンドラをバインドします。 カスタムイベントもバインドすることができます。 イベントの振る舞いの制御
イベントハンドラが バインド時にデータを渡す
バインド時にイベントハンドラにデータを渡すには、第2引数にデータを指定します。その場合、イベントハンドラは第3引数に指定します。
データは、イベントハンドラに渡されるイベントオブジェクトの イベント実行時にデータを渡すイベント実行時に渡されたデータは、イベントハンドラの第2仮引数以降に展開されます。 引数
戻り値
関連例例1:文字列をクリックすると、その要素を指定された速度と不透明度でフェードします。 $("#test_1 li").bind( "click", // click イベントにバインド {speed:"slow", opacity:0.2}, // 第2引数に、速度と不透明度のデータを指定 function(event){ // event.data で、バインド時に渡されたデータを参照 $(this).fadeTo(event.data.speed, event.data.opacity); } ); 例1
例2:文字列をクリックすると、その文字列を背景色に設定します。(カスタムイベントの例) // カスタムイベント colorClickEvent のバインド $("#test_2 li").bind( "colorClickEvent", // colorClickEvent イベントにバインド function(event, triggerData){ // 第2仮引数で、実行時に渡されたデータを参照 $(this).css("background-color", triggerData); } ); // カスタムイベント colorClickEvent の実行 $("#test_2 li").click(function(){ // イベント実行時にテキストデータを渡す $(this).trigger("colorClickEvent", [$(this).text()]); }); 例2
|
|
||||||
© 2007-2011 by いけまさ. All rights Reserved. |