$ .on，当href属性为空时点击不起作用

Question

<a href="">i am a link</a> 
<script src="jquery.js"></script> 
<script> 
    $("a").on('click', function(){ 
     console.log("the a link is clicked") 
    }) 
</script> 

不会打印任何东西，当我点击链接时。

鉴于，当我初始化href与hash符号，它的工作原理。

这个作品，

<a href="#">i am a link</a> 
<script src="jquery.js"></script> 
<script> 
    $("a").on('click', function(){ 
     console.log("the a link is clicked") 
    }) 
</script> 

Answer 1

你的第一个代码示例将正常工作，你只需要防止链接被点击时所发生的页面刷新：

<a href="">i am a link</a> 
<script src="jquery.js"></script> 
<script> 
    $("a").on('click', function(e){ 
     e.preventDefault(); // < stop the link behaviour 
     console.log("the a link is clicked") 
    }) 
</script> 

这就是说，它更好的做法是始终在href参数中包含一个值，即使它只是一个# - 但如果需要，仍然使用preventDefault()。