Question

所以我想在单击某个项目时隐藏事件上的引导菜单。这是我的菜单代码

<div class="container visible-xs" id="top">
     <div class="header-bottom navbar-fixed-top">
          <div class="top-nav">
          <span class="menu"><img src="images/pic copy.png" alt="toggle"> <a href="#">  BESSIT4REAL</a></span>
              <ul id="ul">
                  <li><a href="index.html#top">Home</a></li>
                  <li><a href="#about">About</a></li>
                  <li><a href="#music">Music</a></li>
                  <li><a href="#contact">Contact</a></li>

              </ul>

          </div>
         <div class="social-icons">
             <ul class="social">
                 <li><a  href="#" ><i> </i> </a></li>
                 <li><a  href="#" ><i class="rss"></i></a></li>
                 <li><a  href="https://twitter.com/bessit_deejay" ><i class="twitter"></i></a></li>

             </ul>
         </div>
         <div class="clearfix"></div>
     </div>
     <br class="visible-xs">
</div>

这是我的javascript代码

<script>
    $("span.menu").click(function(){
        $(".top-nav ul").slideToggle(500, function(){
            $("#ul li a").click(function() {
               $(".ul").hide(); 
            });
        });
        $('')
    });
</script>

基本上我需要在点击<ul>项时隐藏整个“<li>”元素，目前，当有人点击主页或关闭时，菜单会保留在屏幕上并且不会消失。

Answer 1

 $(".ul").hide();

使用＆＃34; ul＆＃34;类引用所有元素您可能希望（在您的代码示例中）id referece

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

或者如果你想要所有的<ul>元素然后给他们两个相同的类（比如＆＃34; hideableUL＆＃34;）那么你可以这样：

$(".hideableUL").hide();

Answer 2

使用以下Jquery代码：

$scope.orderForm = {
  serviceType: 'Professional'
};

Answer 3

您有错误.. ul的ID不是类，所以您应该在jquery中'#'。

要隐藏您的ul，您可以使用hide()或fadeOut(0) ..

$("#ul li a").click(function() {
     $("#ul").fadeOut(0); 
});

或

$("#ul li a").click(function() {
     $(this).fadeOut(0); 
});

Answer 4

我做了这件事并且有所帮助。

$("span.menu").click(function(){
                            $(".top-nav #ul").slideToggle(500, function(){
                                $("#ul li a").click(function() {
                                   $(".top-nav #ul").hide(); 
                                });
                            });
                            $('')
                        });

如何在单击项目时隐藏菜单或在有人点击时隐藏菜单

4 个答案: