基础5-下拉按钮打开但不关闭

Question

我在静态网站上使用Foundation5。我使用了与Foundation一起提供的索引页面作为我的起点，它在关闭body标记之前引入了jQuery和所有Foundation。我本人也没有修改或添加过任何Javascript。

我的下拉按钮正确打开，但如果第二次点击(或点击)，它不会关闭。只有当我单击(或点击)菜单按钮外的部分，或者单击菜单中的链接时，它才会关闭。这种行为在我的笔记本电脑、iPhone和安卓平板电脑上的浏览器上是一样的。

当我访问基金会的文件，时，示例按钮按预期切换。我试着复制和粘贴他们的示例代码到我的网页，但它没有切换。

我试着问基金会的论坛，但我收到的唯一答案是没有帮助的。不过，我的代码和截图仍然是那里,。也有一个新的帖子，从其他人似乎有同样的问题。

我看到了几篇文章，建议在关闭主体标记之前添加以下内容来初始化Foundation JS：

<script>
  $(document).foundation();
</script>

我试了一试，但它并没有改变行为。

Answer 1

找到这个似乎对我有用..。

$(function() {
    $('li.has-dropdown a:not(.no-ajaxy)').click(function(evt) {
        $('.toggle-topbar').click();
    });
});

注意：“：not(..no aj西)”部分是特定于我的实现的。默认情况下，我会ajax所有链接，并将no-aj外接类应用于不应在单击时导致ajax调用的链接。在基金会的顶部下拉栏中，这将包括导致另一个下拉层的链接。