无法获取引导3 JavaScript的工作

http://jsfiddle.net/dpGsZ/2/无法获取引导3 JavaScript的工作

<div class="accordion" id="accordion2"> 
     <div class="accordion-group"> 
     <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
      Collapsible Group Item #1 
      </a> 
     </div> 
     <div id="collapseOne" class="accordion-body collapse in"> 
      <div class="accordion-inner"> 
      ... 
      </div> 
     </div> 
     </div> 
     <div class="accordion-group"> 
     <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
      Collapsible Group Item #2 
      </a> 
     </div> 
     <div id="collapseTwo" class="accordion-body collapse"> 
      <div class="accordion-inner"> 
      ... 
      </div> 
     </div> 
     </div> 
     <div class="accordion-group"> 
     <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"> 
      Collapsible Group Item #3 
      </a> 
     </div> 
     <div id="collapseThree" class="accordion-body collapse"> 
      <div class="accordion-inner"> 
      ... 
      </div> 
     </div> 
     </div> 
    </div>

它只是从引导文档复制/粘贴的手风琴。

根据http://getbootstrap.com/javascript/我不需要做其他任何事情来让手风琴起作用。但事实并非如此。

我在做什么错？

来源

2013-08-01 wilfra

你应该将你的代码的jsfiddle，以便其他人可以用它玩，使他们更容易帮助你。 – Andrew

完成。对于那个很抱歉。 – wilfra

增加了Jquery 1.9.1，Bootstrap 3 CSS和Bootstrap 3 JS。现在你的手风琴起作用了。查看jsFiddle

下一次，请仔细阅读文档。例如，对于BS3，页面http://getbootstrap.com/getting-started/，有一个子部分叫what's included，它有一些用红框写的东西。

更新：引导工作需要jQuery。请查看starter template

来源

2013-08-01 03:34:58 Srihari

无法在本地工作，问题是我有错误的顺序jQuery和bootstrap.js哈哈 - 感谢您的帮助。并感谢大家谁downvoted我的问题！ – wilfra

您需要使用Google CDN（脚本src =“// ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”>）或下载它来包含jQuery库你自己的jQuery网站。

来源

2013-08-01 03:16:02 Andrew

谢谢。但我补充说，jsfiddle，它仍然无法正常工作。 http://jsfiddle.net/dpGsZ/ – wilfra

在你的jFiddle中，我看到的只是HTML。添加相关的Boostrap库/代码并从左侧选择jQuery。 – Andrew

http://jsfiddle.net/dpGsZ/2/ – wilfra

仅供参考，在Bootstrap 3.0.0版中，手风琴类已更改为“面板”，“面板组”，“面板标题”和“面板切换”。

http://jsfiddle.net/dpGsZ/3/

<div> 
<div class="panel-group" id="accordion2"> 
    <div class="panel"> 
     <div class="panel-heading"> 
      <a class="panel-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
       Collapsible Group Item #1 
      </a> 
     </div> 
     <div id="collapseOne" class="panel-body collapse in"> 
      <div class="panel-inner"> 
       This is collapsible one 
      </div> 
     </div> 
    </div> 
    <div class="panel"> 
     <div class="panel-heading"> 
      <a class="panel-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
       Collapsible Group Item #2 
      </a> 
     </div> 
     <div id="collapseTwo" class="panel-body collapse"> 
      <div class="panel-inner"> 
       This is collapsible two 
      </div> 
     </div> 
    </div> 
    <div class="panel"> 
     <div class="panel-heading"> 
      <a class="panel-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"> 
       Collapsible Group Item #3 
      </a> 
     </div> 
     <div id="collapseThree" class="panel-body collapse"> 
      <div class="panel-inner"> 
       This is collapsible three 
      </div> 
     </div> 
    </div> 
</div>

来源

2013-10-12 16:54:44 darthtrevino

无法获取引导3 JavaScript的工作

回答

相关问题