2012-11-01 45 views
4

我创建了带引导程序崩溃的手风琴。手风琴中有某些元素在点击特定元素时进行扩展。创建下面的标记:引导程序崩溃无法正常工作

<div class="accordion" id="accordion2"> 

     <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" href="#collapse-0" id="0" data-toggle="collapse" data-parent="#accordion2"> 
        User Visits 
       </a> 
      </div> 
      <div id="collapse-0" class="accordion-body collapse in"> 
       <div class="accordion-inner"> 
        Collapsible <br/> 
        Collapsible <br/> 
       </div> 
      </div> 
     </div> 

     <div class="accordion-group">     
      <div class="accordion-heading"> 
       <a class="accordion-toggle" href="#collapse-1" id="1" data-toggle="collapse" data-parent="#accordion2"> 
        Points 
       </a> 
      </div>     
      <div id="collapse-1" class="accordion-body collapse"> 
       <div class="accordion-inner"> 
        Collapsible <br/> 
        Collapsible <br/> 
       </div> 
      </div> 
     </div> 

    </div> 

的问题是,页面加载首次点击后,就在.accordion-body .collapse块的成功扩张的特定元素的结果,但连续的调用不会导致到任何扩展。

由于动态添加名为in的类而引起的扩展结果。即使连续点击手风琴元素,检查也会显示in类的翻转情况,尽管该元素没有展开。

请建议可能是什么问题。

+0

你可能在页面上有某种冲突,导致错误 - 你有什么样的JavaScript?上面的标记完美地工作在这里,插入一个空白页面。 – davidkonrad

+0

我无法弄清楚我可以有什么样的冲突。实际上有两个以上的元素,第一次选择的任何一个扩展和后续的调用dont。甚至不是最初扩展的元素。它的工作原理即使在这里:http://jsfiddle.net/uycBa/35/ – mickeymoon

+0

:)逻辑上必须有冲突 - 你使用“0”,“1”等ID作为其他地方? (注意,尽管大多数浏览器都接受它,但它通常不会将id元素作为数字提供建议http://www.w3.org/TR/html401/types.html#type-name)欢迎您发帖整个页面/标记,包括JavaScript。 – davidkonrad

回答

8

我已经知道了这个问题。其实崩溃jquery插件需要包含bootstrap-transition插件。我尝试了导致上述问题的“仅”bootstrap-collapse或导致其他问题的完整bootstrap.js

+1

我认为你应该接受你的答案,所以其他人知道这是正确的解决方案。这对我有效。 – shabeer90

+0

我的问题是包括转换插件,但没有崩溃插件!你的答案仍然帮助我。 –

+1

你如何包含转换插件?你在哪里指定? – Chloe

相关问题