作者john110290 (KenMin)
看板Ajax
標題[問題] bootstrap collapse
時間Sat Aug 23 14:54:25 2014
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://webptt.com/m.aspx?n=bbs/Ajax/M.1408776869.A.9F6.html
1F：→ MangoTW: 不用這麼複雜，show的時候先hide掉全部就好了 08/23 15:59
2F：→ john110290: 因為想作動畫效果，必須寫在callback 08/23 16:46
3F：→ tck01: 你這樣寫on，那他每一次if條件成立就會綁一次那個on事件 08/23 21:27
4F：→ tck01: 我沒看很仔細，不過我猜是因為這樣，所以你按鈕多點個幾次 08/23 21:30
5F：→ tck01: 之後他的hidden.bs.collapse事件就開始互相干擾了 08/23 21:30
6F：→ john110290: 我懂了! 要把事件off掉 O_O 08/23 21:50
7F：→ john110290: 感謝樓上點出問題 已解 08/23 22:17
8F：推 iamnodoubt: 其實一樓簡單一句話就講出重點訣竅 08/25 04:50
10F：→ iamnodoubt: 你看他tab怎麼寫,程式碼短乾淨又清楚 08/25 04:52