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 - 带有附加参数的django dajaxice javascript回调

javascript - 在文本字段中输入时显示预制建议列表

javascript - 将整数值更改为字符串或插入掩码

php - 在 functions.php wordpress 中设计一个 html 表格

php - 如何删除某些 URL 的 URL 重写

javascript - 将参数发送到 Phonegap 上的 sqlite 函数

c# - 如何在 SlickGrid 中的特定行上设置行背景颜色

javascript - 调整多个容器中的文本大小以保留父尺寸

javascript - 将 cookie 设置为菜单 jquery

javascript - 我怎样才能在 Twitter Bootstrap 中有两个不同的模式