datepicker लाइव बनाना JQuery

Question

मैं जानता हूँ कि जब आप एक तत्व गतिशील बनाते हैं, आप की तरह कुछ का उपयोग करने के कैसे करना है मैं यह लाइव बना देता हूं ताकि यह गतिशील रूप से बनाए गए तत्वों के साथ बातचीत कर सके।

Answer 1

के अनुसार: Jquery .live works but not with .datepicker

यह काम करना चाहिए:

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

संपादित करें: इस सवाल का जवाब jQuery के पुराने संस्करणों के लिए है। JQuery 1.9+ के लिए कृपया विशाल का जवाब आज़माएं।

Answer 2

आप दो अलग-अलग चीजों से निपट रहे हैं। jQuery का live ईवेंट बाइंडिंग के लिए है, जबकि datepicker विशेष रूप से किसी ईवेंट से जुड़ा हुआ नहीं है, बल्कि समय में एक पल में तत्व को कार्यक्षमता जोड़ता है।

एकमात्र कारण live काम करता है की घटनाओं के साथ है कि jQuery वास्तव में एक पूर्वज तत्व को ईवेंट हैंडलर देता है, और (जावास्क्रिप्ट में जिस तरह की घटनाओं बबल सामने करने के लिए धन्यवाद), पूर्वज वास्तव में घटना और प्रतिनिधियों को प्राप्त करता है यह जैसे कि वह आया था तत्व से। सिद्धांत जटिल है, लेकिन लंबा और छोटा, यह केवल घटनाओं के साथ काम कर सकता है।

यदि आप डेटपिकर कार्यक्षमता जोड़ना चाहते हैं, तो इसे बनाए जाने के बाद नए तत्व पर datepicker फ़ंक्शन को कॉल करें।

Answer 3

स्वीकार किए जाते हैं समाधान पर, कीबोर्ड की घटनाओं के साथ काम नहीं करेंगे .. तो मैं यह करने के लिए बदलना पड़ा:

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

jQuery 1.9.1 के बाद से .on को .live बदलना पड़ा .live विधि शामिल नहीं है । माउस घटनाओं के साथ-साथ कीबोर्ड फ़ोकस ईवेंट के लिए उपरोक्त काम करता है।

Answer 4

मुझे लगता है कि और अधिक उचित समाधान है कि:

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