我的手风琴使用data-toggle =“collapse”和data-parent =“#selector”适用于Bootstrap 2.0.2,但是当我切换到2.0.3时,手风琴功能停止工作.
它仍会打开和关闭目标div,但是当单击另一个带有data-toggle =“collapse”的td时,它不会自动关闭打开的目标div.
你可以在这里看到它不能与2.0.3一起使用:http://chooserealtoday.com/#faq
以下代码示例也在JSFiddle上于http://jsfiddle.net/N7MN9/3/.
<table id="faq-table" class="table table-bordered"> <tr> <td class="question" data-toggle="collapse" data-target="#answer1" data-parent="#faq-table"> <p><strong>What is your name?</strong></p> <div id="answer1" class="answer collapse"> <p>Mark Rummel</p> </div> </td> </tr> <tr> <td class="question" data-toggle="collapse" data-target="#answer2" data-parent="#faq-table"> <p><strong>What is your favorite color?</strong></p> <div id="answer2" class="answer collapse"> <p>Blue,no yellow.</p> </div> </td> </tr> </table>
感谢您提供的任何帮助!
解决方法
我看到两个选择
>使用div而不是table(转到示例http://twitter.github.com/bootstrap/javascript.html#collapse)
>修改bootstrap.js并替换:
actives = this.$parent&&这个.$parent.find(‘> .accordion-group> .in’)
由2.0.2版本:
actives = this.$parent&&这一点.$parent.find(”.在)