代码之家 › 专栏 › 技术社区 › Rich

希望jquery忽略单击特定子元素

jquery

Rich · 技术社区 · 15 年前

我在一个 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(!$(this).is("a)) { 但行为没有改变。有人能指出我误解了什么或做错了什么吗?

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

2 回复 | 直到 15 年前

Nick Craver 15 年前

您可以检查事件目标是否为锚,如下所示:

$(".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);
    }
});

davehauser 15 年前

试试这个:

$('a').click(function(e) {
    e.stopPropagation();
});

您可以在这里找到文档: http://api.jquery.com/event.stopPropagation/

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

6 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

6 月前

user28928120 · 如何在jquery中选择所有类?

7 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

7 月前

Eliable · 使点击计数器和进度条协同工作

7 月前

mlri · 从不同的onclick事件执行相同的javascript函数

7 月前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

7 月前

Jack Maessen · 在处理程序上使用时如何获取输入类型

7 月前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

8 月前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

8 月前