Javascript 如何在单击子菜单项时停止切换菜单触发

在最后一个菜单停止工作后，我试图实现一个基本的切换菜单，但无论我多么努力缩小CSS选择器的范围，子菜单项总是在移动菜单上单击时切换菜单，因此您无法单击

我的JS是：

jQuery(document).ready(function() {
  jQuery('#menu-item-1837').click(function(e) {
      jQuery('#menu-item-1837 > ul').slideToggle(500);

      e.preventDefault();
  });
   
});

jQuery(document).ready(function() {
  jQuery('#menu-item-1832').click(function(e) {
      jQuery('#menu-item-1832 > ul').slideToggle(500);

      e.preventDefault();
  });
   
});

我尝试过各种不同的方法，包括使用：

#menu-item-1837 a:first-child

.menu-item-has-children > a 

a#menu-item-1837

我不明白为什么它不起作用

我也尝试过以子菜单为目标的各种方法，但都不起作用

---

如果您有任何帮助，我们将不胜感激

那么单击菜单项将关闭整个菜单？查找。单击父菜单会按预期打开子菜单，但单击子菜单项会再次关闭它，而不是将您带到链接菜单项上的单击处理程序正在传播。。。直至菜单“打开/关闭”的单击处理程序。检查我上面建议的链接。。。我觉得这就是问题所在。哦，哇，这就解决了！我实际上不知道如何实现它，所以我尝试了一下，替换了行e.preventDefault（）；使用event.stopPropagation（）；这就解决了，非常感谢关于这个问题有一个重复的问题：