Just My Life & My Work

[jQuery] menu 事件觸發

看似簡單的menu,實做起來困難重重,原因在於事件的觸發,搞了我整整一天,總算在mbmenu.js中找到觸發點。

mbmenu

這是最初machine gun的選單,將所有entity載入到主選單,接著主選單中的entity再連結到各自的column和link。可以看到尋著link下去,會形成迴圈。

mbmenu

這是最簡單的menu路徑,尋著link下去,debug中只有put(push),path逐漸變長。

mbmenu

接續上圖,將滑鼠移到綠色背景處,按一下左鍵,menu全部淡出消失,degug為pop all,path為空。

mbmenu

承第二張圖,將滑鼠移到第一個menu的column處,可見除了第一個menu還在之外,其餘menu淡出消失,debug為pop by column,path逐漸變短。

mbmenu

同樣接續第二張圖,這次將滑鼠移動到第一個menu的link,可見debug出現4次pop by link,接著再出現第二個menu,path最後沒有問題。

mbmenu

最後一次惡搞menu,順著link下去,使其陷入無窮迴圈,測試其最後的path是否正確。

mbmenu

承接上圖,將滑鼠移到第二個menu的column,以下menu淡出消失,debug出現一堆pop by column,路徑從超長變成兩個,沒錯!

隨意留個言吧:)~

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

標籤雲