<!DOCTYPE html>
<html>
<head>
<title>Parent Click</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function(){
$(".header").click(function(){
-- some code --
})
});
function redirectToUrl(){
location.href="http://www.google.co.in";
}
</script>
</head>
<body>
<div class="header">
<a href="javascript:void(0)" onclick="redirectToUrl()">some link</a>
</div>
</body>
</html>
当我点击某个链接时,这将停止内联onclick事件并执行parent(header)事件。标题div内的内容动态添加。
我尝试过使用e.preventDefault但仍然无法停止子元素事件。