Question

我目前正在制作一个菜单，点击下拉列表。

但正如您从JsFiddle中可以看到的那样，最内在的UL中的任何链接都不起作用。

这是我正在使用的javascript： -

$(document).ready(function() {
    $("ul > .cat-item").click(function(event){
        event.preventDefault();
        $(this).find("ul").show();
    });
});

的jsfiddle： - https://jsfiddle.net/d3p121mc/

任何正确方向的推动都会非常有帮助。

比你提前。

Answer 1

我通过将JS更改为以下内容来解决问题： -

$("section > ul > li > a").click(function () {
    $('ul.children').not($(this).siblings()).slideUp();
    $(this).siblings("ul.children").slideToggle();
});
$("section > ul > li").click(function(e){
    if($(this).find('.children').length > 0){
         e.preventDefault();  
    }
});
$("section > ul > li > .children > li > a").click(function () {
    window.location = $(this).attr('href');
});

如果有更好的方法请告诉我？

jQuery菜单切换onclick

1 个答案: