首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery Onclick函数不起作用

jQuery Onclick函数不起作用
EN

Stack Overflow用户
提问于 2018-05-25 16:14:25
回答 2查看 36关注 0票数 1

我的JQuery看到有一些错误,尝试添加到从WordPress生成的超文本标记语言,有谁可以帮助修复它?谢谢

HTML代码:link

代码语言:javascript
运行
复制
<script type="text/javascript">
  jQuery('a[href="#nav_menu-10"]').click(function(){
    onclick="this.classList.toggle('toggle');"
  });
</script>
EN

回答 2

Stack Overflow用户

发布于 2018-05-25 16:15:52

您需要在代码中直接使用this.classList.toggle('toggle');,而不是将字符串赋值给onclick

代码语言:javascript
运行
复制
jQuery('a[href="#nav_menu-10"]').click(function(){
  this.classList.toggle('toggle');
});
票数 4
EN

Stack Overflow用户

发布于 2018-05-25 16:18:48

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

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

代码语言:javascript
运行
复制
$('a[href="#nav_menu-10"]').click(function(){
  this.classList.toggle('toggle');
});

或者使用纯jQuery:

代码语言:javascript
运行
复制
$('a[href="#nav_menu-10"]').click(function(){
  $(this).toggleClass('toggle');
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50524537

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档