Trung tâm cá nhân
sách gpt4 ai đã đi

jquery - 修复 Jquery 响应式菜单

In lại 作者：太空宇宙 更新时间：2023-11-03 23:31:02 26 4
mua khóa gpt4 Nike

我正在尝试修复响应式菜单的代码。问题是每当我单击“关于”菜单/按钮时。画廊的子菜单出现，而不是关于子菜单。这是我目前正在处理的代码

HTML


    

        <điều hướng="">


JavaScript


$(tài liệu).ready(hàm(){
    $('ul.sub-menu').hide(function(){
        $('nav ul li').click(function(){
       $('ul.sub-menu').slideToggle(500);

        })
    })


})

CSS

nav{margin-top:10px; display:block;}
nav ul li{display:inline; background-color:beige; float:left}
nav ul li a{display:inline-block; text-decoration:none; padding:10px 20px; position:relative}

.display_menu{display:block !important}

ul.sub-menu{position:absolute; display:none}
ul.sub-menu li{display:block; float:none }



@media only screen and (max-width: 360px){

    nav ul li{display:block; float:none}
    ul.sub-menu{position:static;}

}

1 Câu trả lời

您的问题是您的事件处理程序导致tất cả ul.sub-menu 元素向下滑动。需要指定只希望被点击元素的子元素向下滑动:


    $(tài liệu).ready(hàm(){
      $('ul.sub-menu').hide(function(){
      $('nav ul li').click(function(){
          $(this).children('ul.sub-menu').slideToggle(500);
      })
    })
  })

我更改的行是 $(this).children('ul.sub-menu').slideToggle(500);。在事件处理程序中，cái này 指的是触发事件的元素，children 函数根据 ul.sub-menu 条件查找其后代。

关于jquery - 修复 Jquery 响应式菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25324618/

26 4 0
Bài viết được đề xuất: jquery - 右侧 Accordion 的响应式垂直标签
Bài viết được đề xuất: c# - Process.Start() 在 Windows 10/Chrome 上去掉井号和之后的所有内容
Bài viết được đề xuất: Trong C#, nếu A triển khai IX và B kế thừa từ A, thì liệu B có nhất thiết phải triển khai IX không?
Bài viết được đề xuất: css - 输入 :focus icon color change not working
太空宇宙
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com