एक jQuery .toggle() विधि

Question

मैं एक .toggle() एक div

if (condition) { 
    $("#div").toggle(
     function() { 
      do this 
     }, 
     function() { 
      do that 
     } 
    ); 
} 
else { 

    // How do I achieve this? 
    $("#div").disableToggle(

    ); 
} 

अधिक विवरण से जुड़ी निष्क्रिय करने के लिए एक तरह से देख रहा हूँ निष्क्रिय कर दें:

यह एक नक्शा अनुप्रयोग है। प्रश्न में toggle एक छवि बटन से जुड़ा हुआ है। नक्शा ज़ूम स्तर 4 पर लोड होता है। उपयोगकर्ता ज़ूम करता है, और प्रश्न में बटन केवल तब सक्रिय हो जाता है जब उपयोगकर्ता ज़ूम स्तर 6 से अधिक ज़ूम किया जाता है। एक बार जब उपयोगकर्ता स्तर 6 से कम तक ज़ूम करता है, तो मैं टॉगल बटन चाहता हूं फिर से निष्क्रिय हो जाओ।

Answer 1

क्यों नहीं बस क्लिक निकल?

वर्ग टॉगल के लिए चयन किया जाता है निकालें:

$('#div').unbind('click'); 

Answer 2

आप समारोह के अंदर condition डाल सकता है:

$("#div").toggle(
    function() { 
     if (condition) { 
      //do this 
     } 
    }, 
    function() { 
     if (condition) { 
      //do that 
     } 
    } 
); 

Answer 3

आप toggle() के लिए अनाम कार्यों गुजर नहीं कर रहे थे, तो आप इस्तेमाल कर सकते हैं तकनीक का वर्णन किया on this forum post घटनाओं निकल लिए।

Answer 4

आप .cleanData() उपयोग कर सकते हैं:

// this will destroy all data bound to that element 
$.cleanData($("#div")); 

Demo.

Answer 5

यहाँ एक तरीका है। यहाँ बेला: http://jsfiddle.net/leifparker/rSP34/2/

एचटीएमएल

<div class="button_toToggle"> Toggle it! </div> 
<div class="button_disableToggle"> Disable Toggle </div> 
<div class="happyDiv togglable">&nbsp;</div> 

जे एस

$('.button_toToggle').click(function(){ 
    $('.togglable').toggle(); 
}); 
$('.button_disableToggle').click(function(){ 
    $('.happyDiv').removeClass('togglable'); 
});