摘要:對于在網頁上展示的課本目錄這樣的多級菜單,想要實現完整顯示某一章的目錄,其它章只顯示章名的效果,最開始用的是作為關鍵字搜索,但是找到的語句并沒有效果。注各章標簽的類名為,需完整顯示的那一章的類名為。
對于在網頁上展示的課本目錄這樣的多級菜單,想要實現“完整顯示某一章的目錄,其它章只顯示章名”的效果,最開始用的是 "hide all child elements but first" 作為關鍵字搜索,但是找到的語句 $(".unfocused").not(":first-child").hide(); 并沒有效果。第二天早上再看這段代碼的時候,決定逐語句測試,發現最開始的 $(".unfocused") 語句得到的是一個 Object 數組,這樣直接隱藏第一個子節點之后的子節點的話,會把其余各章的章標題都隱藏掉。(注:各章 div 標簽的類名為 unfocused,需完整顯示的那一章的類名為 focused。)
后來想到可以用 each() 方法來隱藏每一章的非首個子節點,但是該方法后面需要跟匿名函數,這時在 StackOverflow 上看到了一個通過 CSS 后代選擇器來選擇子節點的方法,忽然想到自己可以用父節點的類名加上子元素選擇器來隱藏各章的非首個子節點,$(".unfocused > div:not(:first-child)").hide(),一行語句就搞定了,so good!
不過最后在網頁源碼中測試的時候,發現語句又沒有生效,檢查了一下代碼,原來是語句沒有寫完整,下面的語句中,最后一行的圓括號和分號都給漏掉了,真是粗心……
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79578.html
摘要:自定義多級右鍵菜單實現效果自定義多級右鍵菜單第五課第六題中已經通過事件實現了一級右鍵菜單,所以這題只要在上面再添加事件喚出子菜單即可。 0x1完美拖拽 實現效果:6-01完美拖動 這里沒有使用h5的拖動,畢竟原題也是考察借助鼠標事件實現自定義的拖動,所以就借鑒了《js高級程序設計》里的自定義拖動自己封裝了個拖動api,當然由于做這個系列題目使用的都是es5的語法,所以IE8往下就兼容不...
摘要:效果圖表結構形式數據數據第一級是第二級是廣東第二級是廣西第三級是玉林第三級是北流廣東廣州天河白云廣西玉林北流深圳東莞松山湖部分獲取省一級遞歸結構形式數據數據廣東廣州天河白云深圳東莞松山湖廣西玉林北流部分獲取省一級遞歸兩者區別數據表形式數據遞 效果圖 showImg(https://segmentfault.com/img/bVbi519?w=883&h=437); mysql表結構形式...
閱讀 3393·2021-09-22 15:01
閱讀 524·2019-08-30 11:11
閱讀 950·2019-08-29 16:17
閱讀 1209·2019-08-29 12:23
閱讀 2023·2019-08-26 11:48
閱讀 3176·2019-08-26 11:48
閱讀 1415·2019-08-26 10:33
閱讀 1927·2019-08-26 10:30