datepicker canlı Yapımı JQuery

Question

dinamik bir öğe oluştururken biliyorum, gibi bir şey kullanmak zorunda nasıl Bunu 'u yayınlıyorum, böylece dinamik olarak oluşturulmuş öğelerle etkileşim kurabilirim.

Answer 1

göre: Jquery .live works but not with .datepicker

Bu çalışması gerekir:

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

düzenleme: Bu cevap jQuery eski sürümleri içindir. JQuery 1.9+ için lütfen Vishal'in cevabını deneyin.

Answer 2

İki farklı şeyle uğraşıyorsunuz. jQuery's live olay ciltleme içindir, datepicker ise bir olaya özel olarak bağlı değil, aynı zamanda bir anda bir öğeye işlevselliği ekler. jQuery aslında bir atası elemana olay işleyicisi ekler ve (javascript yolu olayları kabarcık kadar sayesinde) o olaylarla

tek nedeni live eser olduğunu, atası aslında olayı ve delege alır o geldi sanki elemandan. Prensip karmaşıktır, fakat uzun ve kısa, sadece olaylarla çalışabilir.

Tarih seçici işlevini eklemek isterseniz, oluşturulduktan sonra yeni öğede datepicker işlevini çağırın.

Answer 3

kabul çözüm .. klavye odağını olayları ile çalışmaz bu yüzden bu kadar değiştirmek zorunda: .live yöntemini içermez

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

jquery 1.9.1 beri .on için .live değiştirmek zorunda kaldı . Yukarıdaki klavye olayları yanı sıra fare olayları için çalışır.

Answer 4

ben daha uygun bir çözüm olduğunu düşünüyorum:

$('input.datepickerClass').live('focus', function(){ 
    if (false == $(this).hasClass('hasDatepicker')) { 
     $(this).datepicker({ options }); 
    } 
});