[問題] bootstrap collapse

作者: john110290 (KenMin)   2014-08-23 14:54:25
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
謝謝
作者: MangoTW (不在線上)   2014-08-23 15:59:00
不用這麼複雜,show的時候先hide掉全部就好了
作者: john110290 (KenMin)   2014-08-23 16:46:00
因為想作動畫效果,必須寫在callback
作者: tck01 (anon)   2014-08-23 21:27:00
你這樣寫on,那他每一次if條件成立就會綁一次那個on事件我沒看很仔細,不過我猜是因為這樣,所以你按鈕多點個幾次之後他的hidden.bs.collapse事件就開始互相干擾了
作者: john110290 (KenMin)   2014-08-23 21:50:00
我懂了! 要把事件off掉 O_O感謝樓上點出問題 已解
作者: iamnodoubt (Have Fun)   2014-08-25 04:50:00
其實一樓簡單一句話就講出重點訣竅http://mukiwu.github.io/kp-taipei/index.html你看他tab怎麼寫,程式碼短乾淨又清楚

Links booklink

Contact Us: admin [ a t ] ucptt.com