jQuery में एकल-बार घटना

जब हमने off विधि का उपयोग करके घटनाओं को अनबाइंड करना सीखा, तो हमने निम्नलिखित संरचना का उपयोग किया:

javascript$('li').on('click', function() {
  $(this).append('!');
  $(this).off('click', func);
});

पहले हम on का उपयोग करके एक हैंडलर फ़ंक्शन संलग्न करते थे, फिर off का उपयोग करके इसे अनबाइंड कर देते थे।

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

निम्नलिखित उदाहरण हम नीचे दिए गए HTML कोड के आधार पर देखेंगे:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

CSS कोड इस तरह दिखता है:

cssli {
  width: 100px;
  cursor: pointer;
}

अब प्रत्येक li से हम एक एकल-बार की घटना बांधते हैं:

javascript$('li').one('click', function() {
  $(this).append('!');
});

सूची के आइटमों पर क्लिक करें। जैसा कि आप देख सकते हैं, हमें one विधि के लिए धन्यवाद वही प्रभाव मिला।