Question

我使用Foundation 6

创建简单的下拉菜单

    <ul class="dropdown menu" data-dropdown-menu>
  <li>
    <a href="#">Item 1</a>
    <ul class="menu">
      <li><a href="#">Item 1A</a></li>

    </ul>
  </li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
</ul>

现在我想在不同的事件上（像其他按钮一样隐藏或显示菜单。）但是在doc中没有方法可以做到这一点。当我在点击时使用jquery触发器也没有工作有没有解决方案？

Answer 1

将事件处理程序附加到元素（例如按钮）并为其提供隐藏下拉菜单的功能：

＆＃13;

$("button").click(function(){$(".dropdown").hide()})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   
<ul class="dropdown menu" data-dropdown-menu>
  <li>
    <a href="#">Item 1</a>
    <ul class="menu">
      <li><a href="#">Item 1A</a></li>

    </ul>
  </li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
</ul>
<button>
I'm a button
</button>

＆＃13;

要允许它再次返回，请尝试$("button").click(function(){$(".dropdown").toggle()})

下拉菜单Foundation JavaScript tigger

1 个答案: