作者HYDRAGA (Light.Fox)
看板Web_Design
標題[問題] Jquery fadeIn()效果被覆蓋
時間Thu Jul 28 14:02:22 2016
各位前輩好
我的工作其實跟後端比較有關係
但是因為有接觸攝影
跟朋友想做個作品集網站
因而接觸到前端領域但還算是初學
現在的進度是做了幾個樣板出來
做的途中有個問題我找不太到原因
想請教前輩們
有問題的頁面是
https://devmixcat.github.io/001.html
點上方導覽列最右方的menu按鈕
我的效果是做fadeIn() fadeOut()
點選後照常理來說應該會有fadeIn的效果
但是可能因為slider的關係造成fadeIn效果被擋住
Div會直接跳出來而不是fadeIn進來
找了一陣子還是不知道原因在哪裡@@
我想是superslides的css或是js部分可能有衝突
這個頁面的slider我是使用superslides的套件
(
https://github.com/nicinabox/superslides)
功能正常對照組可以看
https://devmixcat.github.io/004.html
這個頁面的功能就是正常的
另外附上我github的網址
https://github.com/devmixcat/devmixcat.github.io
裡頭有source code
感謝各位前輩幫助
補充說明
css部分我寫在/css/style.css裡頭
slider的css部分是在/css/superslides.css
fadeIn的js我寫在/js/main.js裡頭
slider的js部份是在/js/jquery.superslides.js
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.57.231.226
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1469685749.A.139.html
※ 編輯: HYDRAGA (61.57.231.226), 07/28/2016 14:06:55
→ HYDRAGA: shadowjohn對!!! 請問我是哪裡出錯了呢!!!? 07/28 16:06
→ shadowjohn: 稍微微調一下而已 07/28 16:46
→ shadowjohn: $(".menu-main-trigger").click 的內容 07/28 16:47
→ shadowjohn: $("#menu-main").click(function(evt) 的內容 07/28 16:47
→ HYDRAGA: 感謝高手相助我晚點有空研究看看原因!! 07/28 16:53
→ HYDRAGA: 然後抱歉剛剛沒發現我jquery載入的地方好像有問題... 07/28 16:54