jQuery.off() बाध्यकारी

Question

को हटा नहीं रहा है किसी कारण से jQuery.off ('क्लिक') यहां काम नहीं कर रहा है। जब मॉडल में 'हां' बटन क्लिक किया जाता है तो दूसरा मॉडल बस पॉप अप हो जाता है। मैं क्या गलत कर रहा हूं?

कोड:

$(function(){ 

    //If there are warnings on the page bind alert 
    if ($('.renewal-warning').length > 0){ 

    (function(){ 

     $('#signRentalContainer').on('click', '.renewal-warning', function(e){ 

     var buttonHandle = this; 

     //Prevent submission 
     e.preventDefault(); 

     //Show warning model 
     $.modal({ 
      content: $('#renewalWarning').html(), 
      title: "Order Renewal Warning", 
      buttons: { 
      'Yes': function(win) { $(buttonHandle).off('click').click(); }, 
      'No': function(win) { win.closeModal(); } 
      }, 
      maxWidth: 250, 
      closeButton: false 
     }); 
     }); 
    })(); 
    } 
}); 

Answer 1

सुंदर यकीन है कि आप इसे एक ही तत्व है, साथ ही एक ही चयनकर्ता प्रदान करने की आवश्यकता के लिए जा रहे हैं।

$('#signRentalContainer').off('click', '.renewal-warning'); 

.on() हैंडलर में, this'.renewal-warning' तत्व क्लिक किए गए, #signRentalContainer तत्व नहीं है।

---

इन '.renewal-warning' तत्वों के कई देखते हैं, और आप केवल एक समय में एक अक्षम करना चाहते हैं, सबसे आसान तरीका तो यह है कि यह अब चयनकर्ता से मेल खाता अपने वर्ग बदलने के लिए है।

$(this).removeClass('renewal-warning') 
     .addClass('renewal-warning-disabled'); 

Answer 2

क्योंकि this संभाल समारोह, नहीं समारोह के संदर्भ को देखें।

कोशिश यह एक नामित समारोह बनाने, तो यह उल्लेख करने के लिए जब आप off फोन:

$("body").off("click", '#signRentalContainer', buttonHandle);

Btw, किसी भी कारण से हम unbind सीधे यहां उपयोग नहीं कर सकते?

$("#signRentalContainer").unbind("click");