jQuery：在mouseleave上殺死Mouseenter / mouseleave函數

Question

我在mouseenter / mouseleave函數方面遇到一些問題。

請看一下我的代碼；

$(".elms").live(
{
    mouseenter: function (e) 
    {
        $("a").click(function()
        {
            alert('test');
        });
    },
    mouseleave: function (e) 
    {
        //do something else
    }
});

html：

<div class='elms'>test [ function says `test` ]</div>
<div class='elms'>test [ function says `test` and `test` ]</div>
<div class='elms'>test [ function says `test` and `test` and `test` ]</div>
<div class='elms'>test [ function says `test` and `test` and `test `test` and `test` ]</div>

這甚至會重復90個元素，我想在休假時終止功能並制作一個新元素。 像這樣的東西：

var killIt = $(".elms").live(
{
    mouseenter: function (e) 
    {
        $("a").click(function()
        {
            alert('test');
        });
    },
    mouseleave: function (e) 
    {
        killIt.die();
    }
});

有任何想法嗎？

[小提琴： http : //jsfiddle.net/29f3P/ ]

Answer 1

我不確定這是否是您想要的，在這種情況下，每次將鼠標懸停在.elms元素上時，都會添加一個偵聽器。 如果您確實希望每次鼠標懸停時都添加一個偵聽器，並且不想看到重復的行為，則可以使用bind和unbind來設置鼠標事件，如下所示：

$(".elms").live({
        mouseenter: function (e) {
             $("a").bind("click", function(){
                  alert('test');
             });

        },
        mouseleave: function (e) {
             $("a").unbind("click");

        }

}）;

我在這里修改了您的小提琴：

Answer 2

如果您每次必須銷毀監聽器，請嘗試jQuery.one（），它將在首次調用后自動銷毀監聽器。

http://api.jquery.com/one/

如果監聽器不一定必須運行一次，請嘗試使用jQuery.off（）取消綁定監聽器。

http://api.jquery.com/off/