Question

点击Anchor标签无效。这是我的代码：

$('#selectall').onclick(function () {
    console.log("Hello");
});

<li>
  <a class="selectall" id="selectall">
     <i class="fa fa-square-o"></i> Select All
  </a>
</li>

Answer 1

尝试点击活动！

问题是“onclick”不应该以这种方式使用。你可以做到

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

或

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

a

$('#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>

Answer 2

你似乎在使用jquery，所以你应该使用onclick而不是click

Answer 3

只需申请

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

或

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

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

Answer 4

因为你也用＆＃34; selectall＆＃34;来识别它，＆＃34;＃＆＃34;没事儿。你确实需要 $('#selectall').click(function () { 寿。

此外，你的js什么时候被执行？如果执行上述js-code，则在呈现锚标记的html之前执行，它将失败，因为还没有任何东西可以将它绑定到。

Answer 5

我认为$是jQuery所以请使用.click()而不是.onclick()

否则，vanillaJS代码是

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

Answer 6

我总是使用委托事件，因此可以动态地添加/删除a.selectall元素，而不会弄乱你的点击监听器。

$("body").on("click", ".selectall", function(evt){
    //click handler code here
});

点击Anchor标签不起作用

6 个答案: