有时点击执行两次

Question

我有一个非常奇怪的问题。基本上我已经在wordpress中创建了一个菜单，其中包含父，子，子和一些帖子。

我编写了一个jquery脚本，在<li>上添加了一个高亮类，以扩展<ul>内的<li>。列表的格式如下

<li class"menu-item-has-children"><a>Parent</a>
<ul>
<li class="menu-item-has-children"><a>Child</a>
<ul>
<li class="menu-item-has-children"><a>Sub Child</a>
<ul>
<li><a> post</a></li>
<li><a> post 2 </a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>

所以我编写了以下脚本来添加突出显示类以展开所点击的<li>的子子节点。当我点击任何<li>父，子，子孩子工作正常但当我点击帖子时，它会从父<ul>中删除突出显示的课程，而不是带我到页面点击的帖子。

我做了一个$（this）的控制台日志，当点击任何父，子，子子时，它显示我<ul>，但当我点击任何帖子时，它首先显示{{1标记后面跟着父<a>。有谁知道为什么？

这是我的jquery代码

<ul>

这是控制台日志数据 孩子父母等

点击后

解决方案：event.stopPropagation（）为@ mohamed-yousef说

Answer 1

尝试

 $(".sidebar-right").on('click',".sidebar-right li", function(){

  ....});