Question

美好的一天！请帮我解决以下问题：

我们有HTML结构

<ul>
    <li><a href="#">Link</a></li>
    <li><a href="#">Submenu</a>
        <ul>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>
    </li>
    <li><a href="#">Submenu</a></li>
</ul>

和JS jQuery代码

$(document).ready(function(){
 $(".cat-menu ul li ul").hide();
 $(".cat-menu ul li ul li ul").hide();
 $('.cat-menu span').click(function() {
  $(this).next().slideToggle('fast');
  return false;
 }).next().hide();
 $('.cat-menu ul li ul li ul li:last').toggleClass("last");
});

告诉我该怎么做脚本没有阻止这些链接，并且通过事件处理只点击那些LI有子菜单的链接？

Answer 1

有jquery函数 HAS

Answer 2

我不完全确定你想要完成什么。是否可以通过添加更多的外部HTML代码来扩展您的问题或澄清？

Answer 3

我假设您正在尝试创建一个带有子菜单的菜单，该菜单会在单击菜单项时显示。使用您的HTML结构，我将这样做：

$(document).ready(function(){
$("ul#menu li > a").click(function() {

    $(this).parent("li").children("ul").slideDown("fast");
    $(this).parent("li").siblings("li").children("ul").slideUp("fast");

});
$("ul#menu ul").hide();

}）;

jQuery函数需要添加什么？

3 个答案: