jQuery के साथ डायनामिक इवेंट बाइंडिंग: 'ऑनक्लिक' मुद्दे को संबोधित करना

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

समस्या: लाइव बनाम प्रत्यायोजित इवेंट

गतिशील रूप से जोड़े गए तत्वों से निपटने के दौरान, लाइव इवेंट बाइंडिंग (बाइंड (), लाइव (), और डेलिगेट () जैसी विधियां) पारंपरिक रूप से सबसे अच्छा समाधान था। हालाँकि, प्रदर्शन संबंधी चिंताओं के कारण इन तरीकों को jQuery में अप्रचलित कर दिया गया है। चयनकर्ताओं ने निर्दिष्ट किया। प्रयोग किया जाना चाहिए. यह विधि तीन पैरामीटर लेती है:

एक चयनकर्ता जो ईवेंट को संलग्न करने के लिए तत्वों को लक्षित करता है

1. उदाहरण:
2. $(document).on('click', '.my-dynamic-element', function() { // तत्व पर क्लिक करने पर निष्पादित होने वाला कोड });

जब कई तत्व गतिशील रूप से जोड़े जाते हैं, तो ऑन में चयनकर्ता के रूप में एक सामान्य वर्ग या विशेषता का उपयोग करने की अनुशंसा की जाती है( ) तरीका। यह सुनिश्चित करता है कि निर्दिष्ट चयनकर्ता वाले सभी तत्वों को लगातार संभाला जाता है। ]

$(document).on('click', '.my-dynamic-element', function() {
  // Code to execute when the element is clicked
});

live()delegate()