使jquery忽略href

g4u*_*r4v 1 html javascript jquery

divahtml标签上有一个click事件时,我试图使用jquery 将数据附加到一个标签中,html和javascript代码在下面,并且JSFiddle的实例也是如此

HTML

<a class="datafile" href="#">abc</a>
<div id="result2">
</div>
Run Code Online (Sandbox Code Playgroud)

使用Javascript

$(".datafile").click(function() {
$('#result2').append('Clicked!');   
}
Run Code Online (Sandbox Code Playgroud)

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

我做错了什么?请帮忙.

Gor*_*.it 6

像这样的东西:

$(".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; 
});
Run Code Online (Sandbox Code Playgroud)