以编程方式控制 Foundation 6 下拉菜单

Question

根据我的尝试，这似乎无法以编程方式控制（打开、关闭）。我尝试在元素上使用 jQuery click() 事件，但没有任何反应。看到很多帖子5版本使用foundation open功能：

$('ul.dropdown').foundation('open');

但这不适用于版本 6。

有没有人这样做过或者这是在浪费时间。

Answer 1

代码

    $(document).foundation();

    $(document).ready(function () {
        $('ul.dropdown > li.is-dropdown-submenu-parent > a:eq(0)').click();
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- Compressed CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.min.css">

<!-- Compressed JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/js/foundation.min.js"></script>


<ul class="dropdown menu" data-dropdown-menu data-click-open="true" data-disable-hover="true">
  <li class="is-dropdown-submenu-parent">
    <a href="#">Item 1</a>
    <ul class="menu">
      <li><a href="#">Item 1A</a></li>
      <li><a href="#">Item 2A</a></li>
      <li><a href="#">Item 3A</a></li>
    </ul>
  </li>
  <li class="on-click"><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
</ul>

使用这个插件 http://foundation.zurb.com/sites/docs/dropdown-menu.html#js-options

以编程方式控制 Foundation 6 下拉菜单

Control Foundation 6 Dropdown Menu programatically

jquery

zurb-foundation

drop-down-menu