jQuery 两个 mouseenter 事件，触发一个函数一次

Question

我将 mouseenter/mouseleave 事件绑定到一个元素（只是一个图像），该元素依次执行两个函数。我的问题是我希望这两个函数中的一个只在第一个 mouseenter 上触发一次。

也就是在第一个 mouseenter 上发生两件事，在第二个 mouseneter 上只发生一件事。

$(.bubbles).mouseenter(function(){
    functionSwapImage();                         //this should happen everytime
}).mouseleave(function(){
    functionSwapImageBack();                     //this should happen everytime
    $(".bubbles").one("mouseleave", function(){
        myFunction();                            //this should happen once!
    });
});

编辑： http://jsfiddle.net/Am5ZC/

如果我移动 .one 函数在该块之外并进入其自己单独的鼠标输入/离开块，则 functionSwapImageBack() 仅触发一次（即 .one 正在删除两个代码块的事件）。

不太确定如何解决这个问题，但感谢您的帮助！

Answer 1

使用命名空间事件尝试此操作，该事件仅删除具有命名空间的特定事件处理程序。

$(".bubbles").mouseenter(function(){
    functionSwapImage();                         //this should happen everytime
}).mouseleave(function(){
    functionSwapImageBack();                     //this should happen everytime
}).one("mouseleave.onlyonce", function(){
    myFunction();                            //this should happen once!
});

Answer 2

这应该可行：

$('.bubbles').one('mouseleave', myFunction)
.mouseenter(functionSwapImage)
.mouseleave(functionSwapImageBack);

不知道您是否要将其绑定到 mouseleave 或 mouseenter 事件。

更新：它似乎在jQuery 1.7中正常工作，但在jQuery 1.7.1。这似乎是一个错误。