datepickerを使って、動的に作成した要素と相互作用するようにする方法

Question

要素を動的に作成するとき、以下を使います。

$("#element_id").live("click", function() {
});

今のところ以下を使っています。

$('#td_input').datepicker({
inline: true
});

これをliveにして、動的に作成した要素と相互作用するようにする方法はなんですか。

Answer 1

このコードは、jQueryの古いバージョンで使えるコードです。

$("#td_input1").live("click", function(){
    $(this).datepicker({ 
    inline: true 
    });
});

jquery 1.9.1+より新しいバージョンの場合は次のコードを使ってみて下さい。

$('.parent').on('focusin', '.datepicker', function(e) {
    $(this).datepicker(options);
});

jquery 1.9.1 は.liveメソッドが含まれていません。.liveから.onに変更しなければなりません。
キーボードフォーカスイベントとマウスイベントにも機能します。