如何通過jQuery關閉Foundation中的擴展移動頂欄？

Question

我想知道是否有某種方式來關閉基金會中的擴展頂欄點擊其中一項？我想我尋找的東西就擺在這個中心：

$('#some-menu-item').click(function() { 
    //some function to collapse the menu 
}); 

Answer 1

通過提升基金會topbar.js的174-176行的線條來找出它。

$('#some-menu-item').click(function() { 
    $('.top-bar, [data-topbar]').css('height', '').removeClass('expanded'); 
}); 

Answer 2

$("#some-menu-item").click(function(){ 
    $(this).animate({height:10},200).attr('id', 'topbar'); 
    }); 

這應該做的伎倆替換爲你想的頂欄，關閉的大小高度值。

Answer 3

一個更清潔的方式：

$(document).on("click", ".top-bar li", function() { 
    Foundation.libs.topbar.toggle($('.top-bar')); 
}); 

Answer 4

還有就是我對同一個問題的快速解決方案：

將這個在標題：

<script type="text/javascript"> 
/*Fix toggle menu*/ 
function fixToggleMenu() 
{ 
    Foundation.libs.topbar.toggle($('.top-bar')); 
} 
</script> 

然後，調用這個函數你的href：

... 
<li><a href="#services" onClick="fixToggleMenu();">Services</a></li> 
... 

Answer 5

更清潔的方式（我認爲）

$('#some-menu-item').click(function() { 
    $('nav.top-bar').foundation('topbar', 'toggle'); 
});