菜單下拉菜單在鼠標移出時不會折疊

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>