jQuery - ホーンでの.one（）の使用

Question

ホバー機能を1回だけ実行する方法はありますか？これは私が現在試みているものです：

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

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

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

}); 

しかし、それは動作していません。このホバーを一度有効にするにはどうしたらよいですか？

私は、.liveを.oneと.bind ...で変更しようとしましたが、無駄になりました。

Answer 1

あなたは既にあなた自身に答えました。.one()（.live()ではなく）を使用してください。

しかし、.hover()は、mouseenterとmouseleaveへのバインディングの省略形であり、それ自体のイベントではありません。

これを試してみてください：

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

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

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

}); 

をそれはまだ動作しない場合は、ちょうどそれが終わっています後すぐにそれをINGの「.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') 

}); 

Answer 2

hoverevent実が、2つのイベント、mouseenterとmouseleaveのハンドラを結合する速記法ではなく、（hereに示すように）のような.oneでは動作しません。それは一度だけ発動することを除いて、

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

が上記以下と同じになります：hoverの動作を再現するには、両方のは、このように、一度だけトリガする2つのバインドを持っている必要があるだろう：

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

あなたはmouseenterとmouseleaveに異なった事をしたい場合は、別のハンドラをバインドする必要があります。

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

W

あなたの質問に関係のない

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