ドームに要素が追加されていることを検出するイベントの名前
要約: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]にメールを送ってください。