js STUDIO

.die() 非推奨 1.9 削除

.live()によって設定されたイベントハンドラを全て削除します。

.live()メソッドでバインドしたイベントを削除します。
jQuery1.7移行では.live()と.die()を使うことは推奨されません。 代わりに.on()と.off()を使用してください。

.die( ) 1.4.1追加

戻り値:jQuery

全てのP要素から.live()メソッドでバインドした処理を取り除きます。

$("p").die();

.die( eventType [, handler] ) 1.3追加

戻り値:jQuery

.live()によって設定されたイベントハンドラを全て削除します。

引数 説明
eventType "click"や"keydown"のようなjavaScriptイベントの文字列を指定します。
[handler] 実行を取り消したい関数を指定します。

全てのP要素から.live()メソッドでクリックイベントにバインドした処理を取り除きます。

$("p").die( "click" );

.live()と.die()でイベントタイプと実行したい、または取り消したい関数を指定しています。

var foo = function () {
  //P要素のクリックイベントで実行したい処理
};

// P要素のクリックイベントでfoo関数が実行されるようになります。
$("p").live("click", foo);
// dieによって、クリックイベントでfoo関数が実行されないようになります。
$("p").die("click", foo);

.die( eventTypes ) 1.4.3追加

戻り値:jQuery

.live()によって設定されたイベントハンドラを全て削除します。

引数 説明
eventTypes 実行を取り消したいjavaScriptイベントと、その関数をマップ値で一度に複数指定することが可能です。

サンプル 

<!DOCTYPE html>
<html>
<head>
<style>
  button { margin:5px; }
  button#theone { color:red; background:yellow; }
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<button id="theone">何もしません...</button>
<button id="bind">バインド(live)</button>
<button id="unbind">アンバインド(die)</button>
<div style="display:none;">クリックされました!</div>
<script>
function aClick() {
  $("div").show().fadeOut("slow");
}

$("#bind").click(function () {
  $("#theone").live("click", aClick)
              .text("クリックで処理を実行します!");
});
$("#unbind").click(function () {
  $("#theone").die("click", aClick)
              .text("何もしません...");
});
</script>
</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM