要約:DOMNodeInsertedDOMNodeInsertedIntoDocumentだ。前者は要素に、後者はdocumentに入ってくるだけ検出します。

彼だからこんなのがあるのだ。動的にinputを呼び出して入れたがすぐにdatepickerを実行したい!

これをdatepickerを実行するinput読み込む関数に明示せず、単に inputdatepickerという名前のクラスが付いていれば、元のドームについたかを動的にロードしたもの間、すぐdatepickerを実行してくれるようしたいのだ。

そのために使用するように出てきた元の.live()関数と、パフォーマンスの問題のために交換したのが.on()である。以下のように書けばいい。

// ドキュメントの読み込み後に追加される要素について
$(".js-datepicker-container").on('DOMNodeInserted', '.datepicker', function(){
    $(this).datepicker();
});

本質的な注目すべきことはまさにDOMNodeInsertedイベントタイプです。特定のドームにオンノムが付着したら即感知してくれるやつだ。私たちがよく使用されるイベントタイプの clickと同等とは言葉である。もちろん、clickのようにjQueryを関数化(.click()のように)しておかなかった。

もう一つ知って良いのDOMNodeInsertedIntoDocumentというイベントタイプは、おそらくdocumentに何かのノードが追加された時に起こるイベントタイプのようだ。

以上の注意文は、“DOMNodeInsertedIntoDocument event”である。

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。