javascript - $.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>

当我点击链接时，不打印任何内容。

然而，当我用 hash 符号初始化 href 时，它就可以工作。

这有效，

<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( )如果需要的话。