javascript - jQuery hasClass 检查已更改的 DOM

Question

我在使用 jQuery 函数“hasClass”时遇到问题。它返回 false，而它应该返回 true。 hasClass 函数正在寻找由 javascript 添加的类。那么，hasClass 函数可能无法在更改后的 HTML 中找到类吗？如果是这样，我怎样才能最好地解决它？

$(".slides").mouseover(function(){
    $(this).stop(true, true).animate({"width": "+=30px", "height": "+=30px", "margin-top": "+=15px"}, 200);
})

$(".slides").mouseout(function(){
    alert($(this).hasClass('activeSlide'));
    if(!$(this).hasClass('activeSlide')){
        $(this).stop(true, true).animate({"width": "-=30px", "height": "-=30px", "margin-top": "-=15px"}, 200);
    }
});

$("body").click(function(){
    $(".activeSlide").removeClass("activeSlide");   
});

$(".slides").click(function(){
    $(".activeSlide").removeClass("activeSlide");
    $(this).addClass("activeSlide");
    alert("Set");
});

Answer 1

由于事件传播，您的 body 点击处理程序始终会删除 activeSlide 类。

尝试event.stopPropagation() ;

$(".slides").click(function(event){
    $(".activeSlide").removeClass("activeSlide");
    $(this).addClass("activeSlide");
    event.stopPropagation();
    alert("Set");
});

或

$(".slides").click(function(){
    $(".activeSlide").removeClass("activeSlide");
    $(this).addClass("activeSlide");
    alert("Set");
    return false;
});