整个div可点击，除了2个嵌套div

Question

我有一个职业div，需要它全部点击。

$(".job").click(function(){
    window.location=$(this).find("a.link").attr("href"); 
    return false;
});

但是还有2个其他div（.apply和.like）有自己的动作。点击时不应该被带到链接。当点击这两个div中的任何一个时，如何避免被带到整个div的链接？

提前感谢您的帮助。

Answer 1

请勿使用Javascript执行此操作，请尝试使用此简单的CSS：

.job a {
    display: block;
    width: 100%;
    height: 100%;
}

这样您的链接应该作为链接工作，但可点击区域应该是它的父元素的整个大小。没有理由通过Javascript检测点击，更不用说这会放弃那些不支持它的人。解决方案很容易在好的方法中完成。 vanilla CSS。

Answer 2

定位特定的divs onclick，然后使用preventDefault：

覆盖

http://api.jquery.com/event.preventDefault/

一旦阻止默认设置，您就可以添加自定义操作。