2014-02-23 50 views
1

我試圖將數據追加到使用jQuery一個div標籤時,有上a HTML標記,HTML click事件和JavaScript代碼如下以及在同一活生生的例子是在JSFiddle要讓jQuery跟忽略HREF

HTML

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

的Javascript

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

當用戶點擊abc我不希望瀏覽器去鏈接href而應該在div標籤中插入Clicked!

我做錯了什麼?請幫忙。

回答

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; 
}); 
3

你必須防止超鏈接的默認操作。

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

    //Your code 
}); 
0

將href值從'#'更改爲'javascript:void(0);'?