Jquery - 内部有链接的 Div 和 jq.click() 函数

Question

单击 href 链接（在可单击的 div 内）时是否可以禁用 jquery 单击？

HTML

<div id="test">
    <a href="http://google.de">google</a>
</div>

JS

$(document).ready(function()
{
    $('#test').click(function() {
        alert('the link was not clicked'); 
    });
});

示例
http://jsfiddle.net/QHQcQ/2/

Answer 1

我不确定你想要什么，但添加 -

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

会阻止链接点击触发，并阻止链接点击冒泡到“div”点击事件。

演示 - http://jsfiddle.net/ipr101/Lf3hL/

Answer 2

是的，您可以使用

$('#test').click(function(event) {
      event.preventDefault();
});

event.preventDefault() 使点击不起作用

Answer 3

您必须停止 a 上的点击事件冒泡到 div#test。你可以这样做：

$(document).ready(function() {
    $('#test').click(function() {
        alert('the link was not clicked'); 
    });
    $('#test a').click(function(e) {
        return false;

        //equivalent to:
        //    e.stopPropagation();
        //    e.preventDefault();
    });
});

演示

Answer 4

您可以处理该事件或简单地返回 false：

http://jsbin.com/aliwih/edit#source< /a>

$(document).ready(function() { 
  $('#test').click(function() { 
      $("#hello").text('the link was not clicked'); 
      return false;
  });
  $('#test a').click(function() { 
     $("#hello").text('the link clicked'); 
     return false;
  });
});