ドームに要素が追加されていることを検出するイベントの名前
要約:DOMNodeInserted
とDOMNodeInsertedIntoDocument
だ。前者は要素に、後者はdocument
に入ってくるだけ検出します。
彼だからこんなのがあるのだ。動的にinput
を呼び出して入れたがすぐにdatepicker
を実行したい!
これをdatepicker
を実行するinput
読み込む関数に明示せず、単に input
にdatepicker
という名前のクラスが付いていれば、元のドームについたかを動的にロードしたもの間、すぐdatepicker
を実行してくれるようしたいのだ。
そのために使用するように出てきた元の.live()
関数と、パフォーマンスの問題のために交換したのが.on()
である。以下のように書けばいい。
// ドキュメントの読み込み後に追加される要素について
$(".js-datepicker-container").on('DOMNodeInserted', '.datepicker', function(){
$(this).datepicker();
});
本質的な注目すべきことはまさにDOMNodeInserted
イベントタイプです。特定のドームにオンノムが付着したら即感知してくれるやつだ。私たちがよく使用されるイベントタイプの click
と同等とは言葉である。もちろん、click
のようにjQueryを関数化(.click()
のように)しておかなかった。
もう一つ知って良いのDOMNodeInsertedIntoDocument
というイベントタイプは、おそらくdocument
に何かのノードが追加された時に起こるイベントタイプのようだ。
以上の注意文は、“DOMNodeInsertedIntoDocument event”である。
- コメント機能はありません。コメントの代わりに[email protected]
にメールを送ってください。