ऑनक्लिक इवेंट को jQuery के साथ गतिशील रूप से जोड़े गए HTML तत्वों से कैसे बांधें

jQuery के साथ काम करते समय, HTML तत्वों को गतिशील रूप से जोड़ना अक्सर आवश्यक होता है पृष्ठ। ऐसे मामलों में, आप ईवेंट हैंडलर को इन तत्वों से जोड़ना चाह सकते हैं। हालाँकि, पेज लोड के बाद जोड़े गए तत्वों में ईवेंट हैंडलर संलग्न करना चुनौतीपूर्ण हो सकता है।

समस्या और पिछला समाधान

परंपरागत रूप से, कोई .bind() विधि का उपयोग कर सकता है इवेंट हैंडलर को गतिशील रूप से जोड़े गए तत्वों से जोड़ें। हालाँकि, इस विधि को .on() विधि के पक्ष में अस्वीकृत कर दिया गया है। jQuery के साथ गतिशील रूप से जोड़ा गया तत्व, आपको .on() विधि का उपयोग इस प्रकार करना चाहिए:

$(document).on('click', '.मेरा-तत्व', फ़ंक्शन() { // आपका इवेंट हैंडलिंग कोड यहां जाता है });इस उदाहरण में, .on() विधि का उपयोग दस्तावेज़ में एक इवेंट हैंडलर संलग्न करने के लिए किया जाता है, जो 'क्लिक' इवेंट और '.my-element' चयनकर्ता को निर्दिष्ट करता है। यह सुनिश्चित करता है कि 'माई-एलिमेंट' वर्ग वाला कोई भी तत्व ईवेंट हैंडलर को ट्रिगर करेगा, भले ही इसे पृष्ठ पर कब जोड़ा गया हो।

$(document).on('click', '.my-element', function() {
  // Your event handling code goes here
});

यहां दिया गया है .on() विधि का एक उदाहरण कार्यान्वयन: