2013-07-03 96 views
0

我正在基金會3中建立一個網站,位於here,我注意到當您單擊主體中的某個位置或移動光標時,頂欄菜單的下拉菜單僅會摺疊到菜單中的另一個地方。如果您通過將光標從下拉菜單移動到主體中退出菜單,它將保持打開狀態。有沒有辦法讓它在鼠標上崩潰?菜單下拉菜單不會在鼠標上摺疊

不幸的是,我不知道框架中的特定代碼是否控制下拉菜單的功能。任何幫助是極大的讚賞!!

回答

0

如果你把下面的代碼就在你的頁面的底部,僅僅是</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> 
+0

薩姆嗨之前,感謝您的幫助!我在Javascript中沒有大量的背景,所以我不確定插入代碼的位置。我把它放在JS文件的底部,它控制着菜單欄foundation.topbar.js,沒有任何影響。你能爲我指出正確的方向嗎?謝謝! –

+0

嗨布蘭登,我已經更新了代碼,因此您可以將其放在您的頁面中。 –

+0

我把你的代碼放在head標籤中,但它仍然不起作用。會有其他代碼覆蓋它嗎?我包括它如下:'(script。type =「text/javascript」> \t $(document。)(function(){ \t $('。has-dropdown')。on('mouseout',function (){ \t $(本).find( '下拉菜單。 ')隱藏() \t。}); \t $('。具有-下拉 ')上(' 鼠標移動',函數(。){ \t $(this).find('。dropdown')。show() \t}); \t}); \t' –