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

Question

我在静态网站上使用Foundation 5。我使用了Foundation提供的索引页面作为我的起点，它在关闭body标签之前引入了jQuery和所有的Foundation JS。我自己没有修改或添加任何Javascript。

我的下拉按钮正确打开，但如果再次单击（或点击）它，它就不会关闭。只有在菜单按钮外部单击（或点击），或者单击菜单中的链接时，它才会关闭。我的笔记本电脑，iPhone和Android平板电脑上的浏览器的行为是相同的。

当我访问 Foundation's documentation, 时，示例按钮按预期切换。我尝试将他们的示例代码复制并粘贴到我的网页中，但它当时没有切换。

我试过在基金会的论坛上询问，但我收到的一个答案没有帮助。我的代码和截图仍然是 there, 。还有来自其他人的新帖子似乎也遇到了同样的问题。

我看到一些文章建议在关闭body标签之前添加它来初始化Foundation JS：

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

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

Answer 1

找到了这个，它似乎对我有用......

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

注意：＆＃34;：not（.no-ajaxy）＆＃34;部分是特定于我的实现。我默认ajax所有链接并将no-ajaxy类应用于单击时不应导致ajax调用的链接。在Foundation的顶级栏中，这将包括导致另一个下拉层的链接。