javascript代碼不執行，如果我打開新的標籤頁

Question

HTML代碼的鏈接：

<div class="dummy"> 
    <a href ="www.test.com" title="EA">test</a> 
</div> 

JavaScript代碼：

$('.dummy').on('click',function(e){ 
    alert('good moring'); 
}); 

上面，如果我打開新的鏈接的JavaScript代碼是不執行tab，有人可以幫助我..

Answer 1

您在DIV內有a元素。因此，爲了讓您的alert只是防止錨元素的默認操作使用

e.preventDefault(); 

Read more on event.preventDefault()

$('.dummy').on('click', function(e) { 
 
    e.preventDefault(); 
 
    alert('good moring'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="dummy"> 
 
    <a href="www.test.com" title="EA">test</a> 
 
</div>