javascript – Bootstrap:Accordion Collapse停止使用Bootstrap 2.0.3

前端之家收集整理的这篇文章主要介绍了javascript – Bootstrap:Accordion Collapse停止使用Bootstrap 2.0.3前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的手风琴使用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(”.在)

原文链接:https://www.f2er.com/js/150011.html

猜你在找的JavaScript相关文章