[問題] 手機版的選單在電腦版還留著 求解(附P幣)消失
簡單來說就是在手機板時候開啟選單
https://i.imgur.com/52potAK.png
但此時視窗往外拉 造裡說 應該選單會消失 但似乎還留著HTML的文字
https://i.imgur.com/XGTgrSH.png
雖然再點一下 就會消失(因為手機板的選單 點旁邊會消失) 但這不是我要的RR~~~
當然是希望手機板的選單 在電腦版的視窗可以直接消失
但是我打display:none 似乎沒用 只能把CSS清除 但HTML卻莫名留著
codepen的連結:
https://codepen.io/WeiLin/pen/QBeXgY
懇請高手解惑 確定解決的第一位朋友附上888P幣回報 祝你發發發
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.204.241.65
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1534587067.A.28A.html
→
08/18 19:03, , 1F
08/18 19:03, 1F
推
08/18 20:04, , 2F
08/18 20:04, 2F
→
08/18 20:04, , 3F
08/18 20:04, 3F
→
08/18 20:04, , 4F
08/18 20:04, 4F
→
08/18 20:05, , 5F
08/18 20:05, 5F
→
08/18 20:09, , 6F
08/18 20:09, 6F
可以比較詳細一點的解說嗎 有點似懂非懂的意思 感恩不盡
→
08/19 02:23, , 7F
08/19 02:23, 7F
→
08/19 02:47, , 8F
08/19 02:47, 8F
這個還是會發生一樣的問題
→
08/19 09:35, , 9F
08/19 09:35, 9F
https://codepen.io/WeiLin/pen/QBeXgY?editors=1010
我在後面加了這段
$(window).resize(function() {
if($(window).width()>1000){
$("#phone_menu").hide();
}
});
不過html的殘留碼還是會先出現 再瞬間消失
後來改成 width()>800 就不會了 不過感覺還是怪怪的^^"
這樣是正確的寫法嗎?
→
08/19 13:30, , 10F
08/19 13:30, 10F
→
08/19 13:34, , 11F
08/19 13:34, 11F
→
08/19 13:34, , 12F
08/19 13:34, 12F
→
08/19 15:20, , 13F
08/19 15:20, 13F
→
08/19 15:20, , 14F
08/19 15:20, 14F
→
08/19 15:20, , 15F
08/19 15:20, 15F
推
08/19 15:24, , 16F
08/19 15:24, 16F
→
08/19 15:24, , 17F
08/19 15:24, 17F
→
08/19 15:24, , 18F
08/19 15:24, 18F
最後我還是這樣寫啦
$(window).resize(function() {
if($(window).width()>950){
$("#phone_menu").hide();
$(".menu-trigger").removeClass('active');
}
})
謝謝 附上p幣
推
08/20 12:13, , 19F
08/20 12:13, 19F
沒辦法 如果用jq動畫 就如同上面說的 會在html多一個 display:block
會蓋過你CSS寫的
※ 編輯: gdyoungboy12 (59.124.246.217), 08/21/2018 10:22:58
推
08/25 16:09, , 20F
08/25 16:09, 20F
→
08/25 16:09, , 21F
08/25 16:09, 21F
→
08/25 16:09, , 22F
08/25 16:09, 22F