Question

从我的尝试来看，这似乎无法以编程方式控制（打开，关闭）。我试图在元素上使用jQuery click()事件但没有任何反应。我见过第5版的许多帖子都使用了基础开放功能：

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

但这对版本6不起作用。

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

Answer 1

代码

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

Control Foundation 6下拉菜单以编程方式

1 个答案: