jQuery - Sử dụng .one() với di chuột

Question

Có cách nào để lấy một hàm di chuột để chỉ thực hiện một lần không? Đây là những gì tôi hiện đang cố gắng:

$('#ask').live('hover', function() { 

    $('#homesearch-after').hide(300); 

    $.doTimeout(300, function() { 
     hideClosedSearchLink(); 
     showHomeSearch(); 
    }); 

}); 

Nhưng điều đó không hiệu quả. Làm thế nào tôi chỉ có thể di chuột này để kích hoạt một lần?

Tôi đã thử thay đổi .live with .one and .bind ... sẽ dẫn đến hư vô.

Answer 1

Bạn đã tự trả lời, sử dụng .one() (không phải .live()).

Nhưng như lasseespeholt vừa nêu trong nhận xét, .hover() là viết tắt để ràng buộc với mouseenter và mouseleave và không phải là sự kiện.

Hãy thử điều này:

$('#ask').one('mouseenter', function() { 

    $('#homesearch-after').hide(300); 

    $.doTimeout(300, function() { 
     hideClosedSearchLink(); 
     showHomeSearch(); 
    }); 

}); 

Nếu mà vẫn không hoạt động, hãy thử chỉ sử dụng các ol tốt' .hover() và sau đó .unbind() ing nó ngay lập tức sau khi nó kết thúc.

$('#ask').hover(function() { 

    $('#homesearch-after').hide(300); 

    $.doTimeout(300, function() { 
     hideClosedSearchLink(); 
     showHomeSearch(); 
    }); 

    // Again taking into account what lasseespeholt said 
    $(this).unbind('mouseenter mouseleave') 

}); 

Answer 2

hover không phải là một thực event nhưng một phương pháp tốc ký mà gắn bó với xử lý cho hai sự kiện, mouseenter và mouseleave, và như vậy không làm việc với .one (như here). Để tái tạo các hành vi của hover bạn phải có hai với phím tắt rằng cả hai sẽ kích hoạt một lần duy nhất, như thế này:

$("#foo").one("mouseenter mouseleave", function(e){ 
    $(this).toggleClass("bar"); 
}); 

Trên đây sẽ là tương tự như sau, với ngoại lệ cho nó kích hoạt một lần duy nhất :

$("#foo").hover(function(){ 
    $(this).toggleClass("bar"); 
}); 

Nếu bạn muốn làm những việc khác nhau trên mouseenter và mouseleave, bạn cần phải ràng buộc xử lý riêng biệt:

$("#foo").one("mouseenter", function(e){ 
    $(this).addClass("bar").text("Over"); 
}).one("mouseleave", function(e){ 
    $(this).removeClass("bar").text("Out"); 
}); 

W mũ tôi có thể đọc từ mã của bạn là bạn đang chỉ tìm cách để ràng buộc sự kiện mouseenter, như thế này:

$('#ask').one('mouseenter', function() { 
    $('#homesearch-after').hide(300); 
    $.doTimeout(300, function() { 
     hideClosedSearchLink(); 
     showHomeSearch(); 
    }); 
});