jQuery Onclick功能无法正常工作

Question

我的JQuery看到有一些错误，尝试添加到WordPress生成的HTML，任何人都可以帮助解决它？感谢

HTML代码：link

<script type="text/javascript">
  jQuery('a[href="#nav_menu-10"]').click(function(){
    onclick="this.classList.toggle('toggle');"
  });
</script>

Answer 1

您需要在代码中直接使用this.classList.toggle('toggle');，而不是onclick

的字符串分配

jQuery('a[href="#nav_menu-10"]').click(function(){
  this.classList.toggle('toggle');
});

Answer 2

问题是因为您的逻辑只是将名为onclick的变量设置为字符串。你实际上并没有对元素做任何事情。

为此，您需要直接在点击处理程序中修改classList关键字引用的元素的this，如下所示：

$('a[href="#nav_menu-10"]').click(function(){
  this.classList.toggle('toggle');
});

或者在纯jQuery中：

$('a[href="#nav_menu-10"]').click(function(){
  $(this).toggleClass('toggle');
});