bootstrap 可折叠正在退出但未进入

Question

在 my project here 我遇到问题 Bootstrap Collapsible.Please 看看截图。

.

点击 V 形图标时，可折叠项会按预期切换，但在下次点击时不会像这样 Fiddle：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
  Link with href
</a>

<div class="collapse" id="collapseExample">
  <div class="well">
    ...
  </div>
</div>

我以几乎相同的方式将其实现到我的网站中，就像在代码片段中一样。我做错了什么？

提前致谢。

Answer 1

我发现了问题，我检查了你的页面源。

您已经包含

<script src="http://transgourmet-dev-static.transgourmet.plusline.net/sites/all/modules/jquery_update/replace/jquery/2.1/jquery.min.js?v=2.1.4"></script>

然后在几个脚本之后你又包含了 jquery

<script src="http://transgourmet-dev-static.transgourmet.plusline.net/sites/all/themes/transgourmet/js/jquery-1.11.3.min.js?o1s650"></script>

我刚刚删除了第一个，发现您的问题已解决，但由于某种原因，您的其他 CSS 部分显示不正确。所以结论是你有 jquery 冲突。

bootstrap 可折叠正在退出但未进入

bootstrap collapsible is toggling out but not in

jquery

html

css

twitter-bootstrap

collapse