基础5 -下拉按钮打开但不关闭 我在静态网站上使用基础5。我使用了以基金会提供的索引页作为起点,它在关闭正文标签之前拉入jQuery和所有的基础JS。我自己没有修改或添加任何Javascript

基础5 -下拉按钮打开但不关闭 我在静态网站上使用基础5。我使用了以基金会提供的索引页作为起点,它在关闭正文标签之前拉入jQuery和所有的基础JS。我自己没有修改或添加任何Javascript,javascript,css,drop-down-menu,zurb-foundation,Javascript,Css,Drop Down Menu,Zurb Foundation,我的下拉按钮正确打开,但如果第二次单击(或点击),它不会关闭。仅当我在菜单按钮外单击(或轻触)或单击菜单中的链接时,它才会关闭。在我的笔记本电脑、iPhone和Android平板电脑上,浏览器的行为是相同的 当我访问示例按钮时,按预期切换。我尝试将他们的示例代码复制并粘贴到我的网页中,但它没有切换 我试着在基金会的论坛上提问,但我得到的一个答案没有帮助。但我的代码和截图仍在使用中。还有一篇来自其他人的新帖子,似乎也有同样的问题 我看到了一些文章,建议在关闭正文标签之前添加这个,以初始化基础js:

我的下拉按钮正确打开,但如果第二次单击(或点击),它不会关闭。仅当我在菜单按钮外单击(或轻触)或单击菜单中的链接时,它才会关闭。在我的笔记本电脑、iPhone和Android平板电脑上,浏览器的行为是相同的

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

我试着在基金会的论坛上提问,但我得到的一个答案没有帮助。但我的代码和截图仍在使用中。还有一篇来自其他人的新帖子,似乎也有同样的问题

我看到了一些文章,建议在关闭正文标签之前添加这个,以初始化基础js:

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

$(document.foundation();

我给它打了一针,但没有改变它的行为。

发现了这个,它似乎对我有用

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

注意:非(.no ajaxy)”部分特定于我的实现。默认情况下,我使用ajax创建所有链接,并将no-ajaxy类应用于在单击时不应导致ajax调用的链接。在基金会的顶部栏下拉,这将包括导致另一个下拉层的链接。

我在基础4中遇到了这个问题,并且必须在链接被点击时建立一个解决方案来关闭菜单。我设法使它发生,但现在我已经更新到基金会5,我正在努力想出一个解决方案。