javascript - 让 jquery 忽略 href

Question

当 a html 标签上有点击事件时，我正在尝试使用 jquery 将数据附加到 div 标签中，下面是 html 和 javascript 代码以及实例同样在JSFiddle

HTML

<a class="datafile" href="#">abc</a>
<div id="result2">
</div>

Javascript

$(".datafile").click(function() {
$('#result2').append('Clicked!');   
}

当用户点击 abc 时，我不希望浏览器转到 href 中的链接，而应该在 div 标签中插入 Clicked! .

我做错了什么？请帮忙。

Answer 1

像这样:

$(".datafile").click(function(e) {
    $('#result2').append('Loading Log File ...');   

    // For all modern browsers, prevent default behavior of the click
    e.preventDefault();

    // Just to be sure, older IE's needs this
    return false; 
});