使jquery忽略href

时间:2014-02-23 18:50:27

标签: javascript jquery html

我正在尝试使用jquery在div html标记上有点击事件时将数据附加到a标记中,html和javascript代码位于下方,而实际示例位于{{3 }}

HTML

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

的Javascript

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

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

我做错了什么?请帮忙。

3 个答案:

答案 0 :(得分: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; 
});

答案 1 :(得分:3)

您必须阻止超链接的默认操作。

$('.datafile').click(function(e) {
    e.preventDefault();

    //Your code
});

答案 2 :(得分:0)

将href值从'#'更改为'javascript:void(0);'?