作者virgin7 ()
看板Web_Design
標題[問題] pc版和phone版的選單問題
時間Tue Sep 15 19:01:26 2015
大家晚安
請教前輩們,網頁中的選單,我用一般的css去寫副選單
在pc中hover時,副選單就會出現
但手機版並沒有"游標滑到按鈕時"的概念
所以點下去效果不對
因此用jquery改成click時,副選單會show()
但如此一來,變成pc版網頁,一定要點擊才會出現副選單
有沒有兩全其美的方法
可以pc版時正常的hover出現副選單
手機版選單也能正常的運作?
作兩套選單是一個方法,但可能的話不想這樣做...
另一個想法是,有什麼code可以"在pc時無效,只作用在手機版"呢?
--
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.160.48.169
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1442314890.A.F05.html
推 oToToT: JS判斷useragent,然後做不同行為 09/15 19:26
推 Ayukawayen: ontouchstart/ontouchend 試看看 09/15 20:01
推 aspdoctor: 不要用show()改成toggleClass,其他就在css解決 09/16 03:04