2016-03-11 153 views
3

我一直在尋找如何自動關閉關閉帆布菜單一些菜單項被點擊,但似乎沒有任何工作了。基金會6關帆布菜單自動關閉後單擊

所以我跟着就如何使在基金會6文檔關閉帆布菜單指南和它的作品。這部分是好的。現在,當我點擊某個鏈接菜單時,就停留在那裏,我希望它關閉。有誰知道如何解決這個問題。

我發現片斷應該做的伎倆,但我的菜單顯示停止後,我APPY這個JS。其他人報告了同樣的問題。

$(document).foundation({ 
    offcanvas : { 
    open_method: 'move', // Sets method in which offcanvas opens, can also be 'overlap' 
    close_on_click : true 
    } 
}); 

Here are the docs,但因爲我不知道很多關於我的JavaScript乞求別人寫正確的代碼。

回答

5

你可以使用close方法.off-canvas菜單上點擊鏈接時:

$('.off-canvas a').on('click', function() { 
    $('.off-canvas').foundation('close'); 
}); 

點擊Here了演示。

+0

完美的作品。這正是我需要的。謝謝! – Kira

+0

不客氣基拉:) – Yass

+0

不工作,因爲它停止點擊自我關閉它。如果我們再次點擊菜單項,它應該關閉,但是這個代碼停止了。 – fdrv

0

在提前,對不起我的英文不好,

剛去通過網上來弄明白,最後,只要亞斯上面的腳本工作。但是,當我插入滑動滑塊腳本,它不再工作。

我剛剛發現,爲我工作的解決方案,但也許有有BUG,說不上來。

內部基礎offcanvas文件,關閉按鈕關閉畫布給出,如下面顯示。

<button class="close-button" aria-label="Close menu" type="button" data-close> 
    <span aria-hidden="true">&times;</span> 
</button> 

所以我適應它,並把「數據接近」的鏈接,當我點擊,它滾動到特定的div和關閉帆布

這裏是鏈接瞭解更多理解?因爲我認爲我的解釋很糟糕

https://jsfiddle.net/mbsj7d7p/