作者oj113068 (橘子汁)
看板Web_Design
標題[問題] jQuery show()前後在Chrome的排版
時間Mon Jun 3 14:36:50 2013
想請教一下各位版友
我用作了一個點選主選單出現次選單的效果
點選主選單以後,原本設為display:none的次選單會用show()的方式出現
在火狐、IE上皆為正常
但在Chrome上發生一個問題
就是第一次點選主選單,次選單會在很正常的位置上滑出
圖示
http://ppt.cc/uF53
但當第二次點選,次選單的位置就被擠掉了,跑到了下方去
圖示
http://ppt.cc/6Aqu
檢查/修改display、flaot、width等設置都無果
code在此 請用Chrome開
http://jsfiddle.net/fbzK4/6/ (已修正 謝謝S大提醒>"<)
實在無法確定這是排版問題還是我寫法有誤Orz
但我有試過先把元素加上display:block 看看,排版是正確的
所以為什麼show()之前和之後css看起來沒有變動但卻跑版實在百思不得其解Orz
不知是否有板友有經驗或是知道可能是哪類問題
先謝謝大家Orz
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.249.39.28
→ oj113068:附帶一提我先改用animate()控制寬度解掉 06/03 15:08
→ oj113068:不過還是希望有人可以解惑Orz 06/03 15:09
推 s25g5d4:你的fiddle是不是有問題啊 06/03 18:56
→ oj113068:對不起,請問fiddle有問題的意思是...?Orz 06/03 21:18
推 s25g5d4:你貼的code 我甚麼都沒看到 而且也沒有javascript code 06/03 22:00
哇啊啊啊!!!!對不起我貼錯版本了Orz 我自己一直開著視窗所以沒發現
正確在此
http://jsfiddle.net/fbzK4/6/
對不起 囧> 謝謝S大提醒
※ 編輯: oj113068 來自: 122.117.36.157 (06/03 23:08)
※ 編輯: oj113068 來自: 122.117.36.157 (06/03 23:09)