jQuery nhiều trình xử lý sự kiện - Cách hủy?

Question

Tôi có hai hàm được liên kết với một sự kiện nhấp chuột tại hai thời điểm khác nhau (sử dụng jQuery). Thứ tự mà chúng bị sa thải là đáng kể. Họ đang bắn theo đúng thứ tự. Vấn đề là, khi hàm đầu tiên trả về false, hàm thứ hai vẫn đang bắn!

Làm cách nào để hủy sự kiện?

Ví dụ mã:

$(document).click(function() { 
    alert('a'); 
    return false; 
}); 

$(document).click(function() { 
    alert('b'); 
}); 

Bạn vẫn sẽ thấy những "b" thông điệp cảnh báo khi nhấp trang. Điều này là không thể chấp nhận!

Answer 1

Sử dụng chức năng stopImmediatePropagation của đối tượng sự kiện jQuery.

Giữ phần còn lại của trình xử lý không được thực thi. Phương pháp này cũng dừng bọt bằng cách gọi event.stopPropagation().

$(document).click(function(event) { 
    alert('a'); 
    event.stopImmediatePropagation(); 
    return false; 
}); 

$(document).click(function() { 
    alert('b'); 
}); 

Answer 2

Có sử dụng trợ giúp không liên quan không?

$(document).click(function() { 
    alert('a'); 
    $(this).unbind('click'); 
    return false; 
}); 

Answer 3

Nếu những gì nickf nói không làm việc, bạn có thể sử dụng một máy nhà nước nhỏ:

var trigger = 0; 

$(document).click(function() { 

    alert('a'); 
    if(you_want_to_return_false) { 
    trigger = 1; 
    return false; 
    } 
}); 

$(document).click(function() { 
    if(trigger !== 0) { 
    alert('b'); 
    } 
    trigger = 0; 
}); 

Không phải là giải pháp đẹp nhất, nhưng nó sẽ làm việc.

Answer 4

Điều đầu tiên tôi hỏi là: tại sao bạn có hai chức năng được liên kết với cùng một sự kiện nhấp chuột? Có quyền truy cập vào mã, tại sao bạn không chỉ thực hiện một cuộc gọi đó?

$(function(){ 
    var callbackOne = function(e){ 
     alert("I'm the first callback... Warning, I might return false!"); 
     return false; 
    }; 

    var callbackTwo = function(e){ 
     alert("I'm the second callback"); 
    }; 

    $(document).click(function (e){ 
     if(callbackOne(e)){ 
      callbackTwo(e); 
     } 
    }); 
}); 

Answer 5

Cảm ơn, unbind công trình cho xác định lại chức năng.

$(document).ready(function(){ 
     $("#buscar_mercaderia").click(function(){ alert('Seleccione Tipo de mercaderia'); 
    }); 
$(".tipo").live('click',function(){ 
      if($(this).attr('checked')!=''){ 
       if($(this).val()=='libro'){ 
        $("#buscar_mercaderia").unbind('click'); 
        $("#buscar_mercaderia").click(function(){ window.open('buscar_libro.php','Buscar Libros', 'width=800,height=500'); }); 
       }else if($(this).val()=='otra'){ 
        $("#buscar_mercaderia").unbind('click'); 
        $("#buscar_mercaderia").click(function(){ window.open('buscar_mercaderia.php','Buscar Mercaderias', 'width=800,height=500'); }); 
       } 
      } 
     })