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>