javascript - jquery 函数不反映类更改使我的另一个事件

Question

hover 类锚在悬停时会提醒它的标题值，当在 nohover 类锚上时，将 nopop 类添加到具有悬停类的锚。并因此停止悬停警报，因为预计仅在没有 nopop 类的悬停类上发出警报。

<a class="hover" title="bla bla bla">hover alert</a><br/>
<a class="nohover">stop hover alert</a>

请问我哪里出错了

$(function () {

    $(".hover:not(.nopop)").hover(function () {
        alert($(this).attr("title"));
    })

    $(".nohover").hover(function () {
        $(".hover").addClass("nopop");
    });    
});   

小提琴http://jsfiddle.net/z4BHJ/8/

Answer 1

您需要使用委托处理程序，因为选择器是动态的

$(function () {
    $(document).on('mouseenter', '.hover:not(.nopop)', function () {
        alert($(this).attr("title"));
    })

    $(".nohover").hover(function () {
        $(".hover").addClass("nopop");
    });
});

演示：小提琴