[問題] bootstrap collapse

看板Ajax作者 (KenMin)時間11年前 (2014/08/23 14:54), 編輯推噓1(109)
留言10則, 4人參與, 最新討論串1/1
http://jsfiddle.net/79tv5aua/ 上面是範例 我想做的效果是透過按鈕控制collapse 規則是當 showA 被按下去時 會依序執行 1. collapse hide B or C 2. hide B or C 3. show A 4. collapse show A 造成一個動畫效果 其他按鈕也以此類推 但是不知道為什麼會有bug 控制不是很精確 有時候會同時打開兩個(showB -> showA -> showC 就可以玩壞) 找半天找不出原因orz 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.225.27.169 ※ 文章網址: http://www.ptt.cc/bbs/Ajax/M.1408776869.A.9F6.html

08/23 15:59, , 1F
不用這麼複雜,show的時候先hide掉全部就好了
08/23 15:59, 1F

08/23 16:46, , 2F
因為想作動畫效果,必須寫在callback
08/23 16:46, 2F

08/23 21:27, , 3F
你這樣寫on,那他每一次if條件成立就會綁一次那個on事件
08/23 21:27, 3F

08/23 21:30, , 4F
我沒看很仔細,不過我猜是因為這樣,所以你按鈕多點個幾次
08/23 21:30, 4F

08/23 21:30, , 5F
之後他的hidden.bs.collapse事件就開始互相干擾了
08/23 21:30, 5F

08/23 21:50, , 6F
我懂了! 要把事件off掉 O_O
08/23 21:50, 6F

08/23 22:17, , 7F
感謝樓上點出問題 已解
08/23 22:17, 7F

08/25 04:50, , 8F
其實一樓簡單一句話就講出重點訣竅
08/25 04:50, 8F

08/25 04:52, , 10F
你看他tab怎麼寫,程式碼短乾淨又清楚
08/25 04:52, 10F
文章代碼(AID): #1J-3gbds (Ajax)
文章代碼(AID): #1J-3gbds (Ajax)