javascript - 嵌套菜单停止触发未直接点击<li>s

标签 javascript jquery html html-lists

我在<ul> <li> <ul> <li>中构建了一个可扩展的嵌套菜单。 HTML 中的样式。上下皆可<li> s 有一个 onCLick属性。当点击下方(嵌套)li时,上方li不应触发onClick或者至少向处理程序提交它是间接激活的。

如何实现这一目标?

最佳答案

我认为这会对您有所帮助:

$(document).ready(function(){
    $(".header").click(function(){
        $(this).children(".children").toggle();
    });
   $(".header a").click(function(e) {
        e.stopPropagation();
   });
});

如果没有:给我发消息

关于javascript - 嵌套菜单停止触发未直接点击<li>s,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37946726/

相关文章:

javascript - 为什么这个简单的 jQueryUI 代码不起作用?

javascript - 如何在 jquery 中创建玩家回合?

javascript - 移动触摸上的 Bootstrap 下拉问题

javascript - 无法获取 for 循环循环计数以将其整个索引输出到 html 元素

jquery - 使用 JQuery 创建某些图表后的分页符

javascript - 如何将 html 实体的十六进制代码解码为 javascript 中的文本?

javascript - Auth0.js : Is there a way to silently replace a google access_token into an auth0 access_token?

javascript - 如果给定的文本出现在 URL 中,我可以告诉某些 Javascript 代码不运行吗?

javascript - jQuery:字段为空后重置类

javascript - 检查 jQuery 中的类是否存在 DIV 元素