jquery - 想要 JQuery 忽略对特定子元素的点击

Question

我已经在 div 上声明了一个点击回调，如果用户单击该 div 内的链接，我希望忽略该回调。该函数如下所示:

$(".section").click(function(){
    if ($(this).hasClass("solid")) {
        $(this).removeClass("solid");
        $(this).hover(fadeFunction, darkenFunction);
        $(this).fadeTo(150, inactiveOpacity);
    }
    else {
        $(this).addClass("solid");
        $(this).unbind("mouseenter");
        $(this).unbind("mouseleave");
        $(this).fadeTo(25, inactiveOpacity);
        $(this).fadeTo(150, activeOpacity);
    }
});

我尝试将 if/else 包装在 if(!$(this).is("a)) { 中，但行为没有变化。有人能指出什么吗是我理解错误还是做错了？

抱歉，如果这是一个简单的问题，我是 JQuery/css 初学者。

Answer 1

您可以检查事件目标是否是 anchor ，如下所示:

$(".section").click(function(e){
    if($(e.target).is("a")) return;

    if ($(this).hasClass("solid")) {
        $(this).removeClass("solid");
               .hover(fadeFunction, darkenFunction);
               .fadeTo(150, inactiveOpacity);
    }
    else {
        $(this).addClass("solid");
               .unbind("mouseenter mouseleave");
               .fadeTo(25, inactiveOpacity);
               .fadeTo(150, activeOpacity);
    }
});