vô hiệu hóa một phương pháp jQuery .toggle()

Question

Tôi đang tìm kiếm một cách để vô hiệu hóa một .toggle() gắn liền với một div

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

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

    ); 
} 

More giải thích:

Đây là một ứng dụng bản đồ. Các toggle trong câu hỏi là ràng buộc với một nút hình ảnh. Bản đồ tải ở mức thu phóng 4. Người dùng phóng to và nút đang được đề cập sẽ chỉ hoạt động khi người dùng được phóng to hơn mức thu phóng 6. Khi người dùng thu nhỏ xuống dưới mức 6, tôi muốn nút chuyển đổi thành trở nên không hoạt động trở lại.

Answer 1

Tại sao không chỉ unbind các nhấp chuột?

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

Answer 2

Bạn có thể đặt condition bên trong của hàm:

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

Answer 3

Nếu bạn không đi qua các chức năng ẩn danh để toggle(), bạn có thể sử dụng kỹ thuật này được mô tả on this forum post để unbind các sự kiện.

Answer 4

Bạn có thể sử dụng .cleanData():

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

Demo.

Answer 5

Đây là một cách:

Tháo lớp đó được chọn để thay đổi. Fiddle ở đây: http://jsfiddle.net/leifparker/rSP34/2/

HTML

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

JS

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