bootstrap collapsible正在切换但不在

Question

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

可折叠人员在点击人字形图标时会切换，但他们不会像下一个点击那样点击下一个点击：

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

我在我的网站中实现了这一点，就像在代码片段中一样。我做错了什么？

提前致谢。

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冲突。