jQuery - 将 .one() 与悬停一起使用

Question

有没有办法让悬停函数只执行一次？这就是我目前正在尝试的:

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

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

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

});

但这不起作用。我怎样才能让这个悬停激活一次？

我尝试用 .one 和 .bind 更改 .live...导致什么也没有。

Answer 1

您已经回答了自己，请使用 .one() (而不是 .live())。

但正如 lasseespeholt 刚刚在评论中指出的那样，.hover() 是绑定(bind)到 mouseenter 和 mouseleave 的简写，而不是本身就是一个事件。

试试这个:

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

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

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

});

如果仍然不起作用，请尝试使用好的 .hover()，然后在完成后立即 .unbind() 进行操作。

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

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

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

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

});