javascript - 鼠标移出时菜单下拉菜单不会折叠

Question

我正在 Foundation 3 中构建一个位于此处的站点，我注意到只有当您单击正文中的某个位置或将光标移动到菜单中的另一个位置时，顶栏菜单的下拉菜单才会折叠。如果您通过将光标从下拉菜单移到正文中来退出菜单，则它只会保持打开状态。有没有办法让它在鼠标退出时崩溃？

不幸的是，我不知道框架中的哪些特定代码控制了下拉折叠的功能。任何帮助是极大的赞赏！！

Answer 1

如果您将以下代码放在页面底部，就在</body>标签之前

 <script language="javascript" type="text/javascript">
         $(document).ready(function () {

             $('.has-dropdown').on('mouseout', function () {
                 $(this).find('.dropdown').hide()
             });

             $('.has-dropdown').on('mousemove', function () {
                 $(this).find('.dropdown').show()
             });
         });
     </script>