Question

我正在尝试使用此脚本

    <script>

jQuery(document).ready(function($) {
    $('body').click(function() {
       $(".top-bar").css({"display": "none"});
    });
});

</script>

关闭此基于Foundation 6框架的菜单

    <div class="hide-for-medium"> 
  <div data-sticky-container>
  <div class="small-12 sticky" data-sticky data-options="marginTop: 0; stickyOn: small">

   <div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle></button>

<div class="title-bar-title">MENU</div>
<img src="<?php bloginfo('template_directory'); ?>/img/logo.png" style="width:70px; position:absolute; right:10px; top:5px;" class="show-for-small-only"/>
</div>


<div class="top-bar" id="main-menu">
  <div class="top-bar-left">
    <ul class="menu">
      <li style="border-right: 0px;"><img src="<?php bloginfo('template_directory'); ?>/img/logo.png" class="show-for-medium-up hide-for-portrait" style="width:130px; margin-left:25px; margin-top:15px;" /></li>
      <li class="menu-text" style="padding-top:18px;"></li>
    </ul>
  </div>

  <div class="top-bar-right" style=" vertical-align:middle; text-align:right;">
    <ul class="menu" data-responsive-menu="drilldown medium-dropdown">
     <li><a href="#about">ABOUT</a></li>
      <li><a href="#services">SERVICES</a></li>
      <li><a href="#expertise">EXPERTISE</a></li>
      <li><a href="#latest">LATEST</a></li>
      <li><a href="#mentoring">MENTORING</a></li>     
      <li><a href="#contact">CONTACT</a></li>
    </ul>
  </div>
</div>  
</div>
</div>
</div>

然而，我的jQuery脚本似乎不起作用。知道怎么解决吗？非常感谢提前！

你能帮我关闭这个手机菜单吗？

0 个答案: