Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
子菜单链接在多级jQuery菜单上不起作用_Jquery_Css_Menu_Submenu - Fatal编程技术网

子菜单链接在多级jQuery菜单上不起作用

子菜单链接在多级jQuery菜单上不起作用,jquery,css,menu,submenu,Jquery,Css,Menu,Submenu,我正在使用jQuery开发一个非常简单的“多级菜单” 无法单击.sub-nav内的链接,因为父li在它们上面。有什么帮助吗 谢谢 当单击获取此链接元素的父元素,然后滑动切换子导航时,将单击事件绑定到元素内的链接 试试看 编辑: 我使用next()jQuery选择器实现了这一点:以下是js代码: $(document).ready(function(){ $('.nav > li > a').click(function(e) { e.preventDefault()

我正在使用jQuery开发一个非常简单的“多级菜单”

无法单击
.sub-nav
内的链接,因为父
li
在它们上面。有什么帮助吗


谢谢

当单击获取此链接元素的父元素,然后滑动切换子导航时,将单击事件绑定到元素内的链接

试试看

编辑:

我使用next()jQuery选择器实现了这一点:以下是js代码:

$(document).ready(function(){
    $('.nav > li > a').click(function(e) {
    e.preventDefault();
    $(this).next().slideToggle();
});
});

请注意,
防止单击的
  • 元素本身滑动。它基本上说,我想将单击链接的事件绑定到
  • 元素,该元素是
    .nav
    类元素的直接子元素。

    这里是您的代码。我将类链接添加到has-content-real链接,并为它们编写了一个函数

    $(文档).ready(函数(){
    $('.nav li:has(ul)').bind('click',函数(e){
    e、 预防默认值();
    $(this.children('ul').stop().slideToggle(“fast”);
    });
    $('li a.link')。在('click',函数(e)上{
    警报(“点击”);
    e、 停止传播();
    });
    });
    
    
    页面标题
    

    谢谢你的回答!它起作用了!:)
    解决了我的问题。谢谢你,朋友!总是乐于助人!:)