摘要:公司一項目需要默認隱藏框架的左側菜單,遇到了一些問題,下面簡要記錄問題的解決過程,以備后續查看參考。這種情況應該是獲取默認菜單的時機不對,應該在左側菜單切換完成后獲取。在菜單綁定的單擊方法中,左側菜單的內容并沒有完成刷新。
初公司一項目需要默認隱藏框架的左側菜單,遇到了一些問題,下面簡要記錄問題的解決過程,以備后續查看、參考。
這個問題看似很簡單,只需要找到對應的js和css,設置左側菜單不顯示或者默認點擊一次即可。
沿著上面的思路,我改出了第一版:
$(document).ready(function() { $("#menu a.menu").click(function(){ $("#menu li.menu").removeClass("active"); $(this).parent().addClass("active"); if($("#openClose").hasClass("close")){ $("#openClose").click(); } }); if($("#openClose").hasClass("close")){ $("#openClose").click(); } });
經測試,修改未通過。在登陸成功,跳轉到這個頁面時會明顯看出左側菜單的漸默。
次從上次修改中可以看出,左側菜單是默認顯示的。由于js實現的效果不符合需求,只能改css了。
設置菜單默認隱藏
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。 轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79547.html
摘要:為了讓包圍列表項,沒有使用,而是使用了,是因為前者會導致后來添加到下拉菜單中的子菜單無法顯示它們最終會顯示在父元素的外面,結果會導致溢出而被隱藏。它與父元素之間的間隙,實際上下拉菜單中第一個鏈接的邊框。 菜單由一組鏈接組成。用 HTML 中的列表元素(ul 或 ol)來分組鏈接不僅符合邏輯,而且即使沒有額外的 CSS 也能適當顯示鏈接的層次。默認情況下,由于列表(li)是塊級元素...
摘要:由于工作需要,這里只是把組合功能中樣式的左側菜單參考源碼實現了,分享給大家我的學習所得。代碼的配置注意在的配置利用回調將展開按鈕轉移到標簽內,否則展開按鈕即小箭頭圖片無法顯示。 簡介 為了讓朋友們更容易的學習 zTree,官網給出了大量的 Demo,不同的圖標,不同的風格,好學易懂,這是官網鏈接:zTree v3.5 Demo 演示。 由于工作需要,這里只是把組合功能中OutLook ...
閱讀 826·2021-11-22 11:59
閱讀 3230·2021-11-17 09:33
閱讀 2308·2021-09-29 09:34
閱讀 1941·2021-09-22 15:25
閱讀 1955·2019-08-30 15:55
閱讀 1321·2019-08-30 15:55
閱讀 530·2019-08-30 15:53
閱讀 3346·2019-08-29 13:55