单击“定位”标记不起作用

Click on Anchor tag is not working

本文关键字：不起作用 定位 单击      更新时间：2023-09-26

点击锚点标签不起作用。。这是我的代码：

$('#selectall').onclick(function () {
    console.log("Hello");
});
<li>
  <a class="selectall" id="selectall">
     <i class="fa fa-square-o"></i> Select All
  </a>
</li>

尝试点击事件！

问题是"onclick"不应该这样使用。你可以做

$('#selectall').click(function ....)

或

$('#selectall').on('click', function ....)


$('#selectall').onclick(function ... )

jQuery不存在。'onclick'默认情况下是一个javascript函数。

 $('#selectall').click(function () {
      alert("Hello");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li><a class="selectall" id="selectall"><i class="fa fa-square-o"></i> Select All</a></li>

您使用的似乎是jquery，所以您应该使用click 而不是onclick

只应用

 <a href="javascript:void(0)".... >

或

 <a href="#".... >

并使用方法作为"点击"而不是"onclick"

由于您也用"selectall"标识它，所以"#"是正确的。你确实需要$('#selectall').click(function () {tho。

另外，你的js什么时候执行？如果在呈现包含锚标记的html之前执行上面的js代码，它将失败，因为还没有任何东西可以将其绑定到。

我假设$是jQuery，所以使用.click()而不是.onclick()

否则，vanillaJS代码为

document.getElementById('selectall').addEventListener('click',function(){
    console.log('hello');
},false);

我总是使用委托事件，所以a.selectall元素可以动态添加/删除，而不会扰乱您的点击侦听器。

$("body").on("click", ".selectall", function(evt){
    //click handler code here
});
相关文章：