$ .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()。