最近在前端開發(fā)中遇到了一個(gè)奇怪的問題，就是使用 jQuery 的時(shí)候，一些 a 標(biāo)簽會(huì)失效。經(jīng)過多次排查和測試，發(fā)現(xiàn)問題出在代碼邏輯和結(jié)構(gòu)上。
簡單說，就是在使用 jQuery 動(dòng)態(tài)渲染頁面的時(shí)候，如果 a 標(biāo)簽的 href 屬性值為 javascript:void(0)，點(diǎn)擊事件將無法觸發(fā)。這種情況可能是由于頁面加載后，jQuery 代碼對 a 標(biāo)簽進(jìn)行了更改，例如添加了樣式或者 class 等屬性，導(dǎo)致原先的 href 被覆蓋或者刪除，從而導(dǎo)致點(diǎn)擊事件無法生效。
下面是一個(gè)簡單的示例代碼：
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<a href="javascript:void(0)">點(diǎn)擊我</a>
<script>
$(function() {
$('a').click(function() {
alert('點(diǎn)擊事件觸發(fā)！');
});
$('a').attr('href', '#');
});
</script>
</body>
</html>