JQuery的 - Div與鏈接裏面和jq.click（）函數

Question

是否有可能禁用jQuery單擊時點擊一個href鏈接（點擊div內）？

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 click事件冒泡達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(); 
    }); 
}); 

demo

Answer 4

可以與事件工作或簡單地返回false：

http://jsbin.com/aliwih/edit#source

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