IT人博 一個IT人的部落格

最近寫了一個用Bootstrap網頁,不過,發現手機版的菜單出現問題。在按了菜單按鈕之後,菜單彈出來。這一部分是沒有問題,不過,再按一下菜單按鈕,菜單應該會自動收回。可惜,結果是沒有的。後來,我再之檢查HTML Code,問題是出於我引用了兩次Booststrap.js.最後,將多餘引用刪除後,菜單就正常運作了。

最近寫了一個用Bootstrap網頁,不過,發現手機版的菜單出現問題。在按了菜單按鈕之後,菜單彈出來。這一部分是沒有問題,不過,再按一下菜單按鈕,菜單應該會自動收回。可惜,結果是沒有的。後來,我再之檢查HTML Code,問題是出於我引用了兩次Booststrap.js.最後,將多餘引用刪除後,菜單就正常運作了。

最近寫了一個用Bootstrap網頁,不過,發現手機版的菜單出現問題。在按了菜單按鈕之後,菜單彈出來。這一部分是沒有問題,不過,再按一下菜單按鈕,菜單應該會自動收回。可惜,結果是沒有的。後來,我再之檢查HTML Code,問題是出於我引用了兩次Booststrap.js.最後,將多餘引用刪除後,菜單就正常運作了。

市面上很多下拉式菜單JQuery元件(Drop Down Menu Plug-in),都是一些標準JavaScript來建立菜單,但在當中我最喜歡及常用的是SuperFish。因為它可以將<UL>轉成下拉式菜單:

$('ul.sf-menu').superfish()

而且整個菜單都是由CSS控制,還有更是支援IE6。真的不錯了,可以大大提高用戶界面的互相性。