0
我正在基金會3中建立一個網站,位於here,我注意到當您單擊主體中的某個位置或移動光標時,頂欄菜單的下拉菜單僅會摺疊到菜單中的另一個地方。如果您通過將光標從下拉菜單移動到主體中退出菜單,它將保持打開狀態。有沒有辦法讓它在鼠標上崩潰?菜單下拉菜單不會在鼠標上摺疊
不幸的是,我不知道框架中的特定代碼是否控制下拉菜單的功能。任何幫助是極大的讚賞!!
我正在基金會3中建立一個網站,位於here,我注意到當您單擊主體中的某個位置或移動光標時,頂欄菜單的下拉菜單僅會摺疊到菜單中的另一個地方。如果您通過將光標從下拉菜單移動到主體中退出菜單,它將保持打開狀態。有沒有辦法讓它在鼠標上崩潰?菜單下拉菜單不會在鼠標上摺疊
不幸的是,我不知道框架中的特定代碼是否控制下拉菜單的功能。任何幫助是極大的讚賞!!
如果你把下面的代碼就在你的頁面的底部,僅僅是</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>
薩姆嗨之前,感謝您的幫助!我在Javascript中沒有大量的背景,所以我不確定插入代碼的位置。我把它放在JS文件的底部,它控制着菜單欄foundation.topbar.js,沒有任何影響。你能爲我指出正確的方向嗎?謝謝! –
嗨布蘭登,我已經更新了代碼,因此您可以將其放在您的頁面中。 –
我把你的代碼放在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' –