html - bootstrap collapsible 正在切换但未切换

Question

关于my project here我在使用 Bootstrap Collapsible 时遇到问题。请查看屏幕截图。

.

可折叠项在单击 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 冲突。