Bootstrap手风琴：展开/折叠所有不起作用

Question

我找到了扩展所有手风琴部分的解决方案： http://www.bootply.com/peFUdnwOpZ

我在 Joomla 中复制了代码。 通过 Gantry 我加载了 Javascript 文件。我什至尝试在文章中加载 javascript。

但它不起作用。有人可以帮忙吗？

背景资料： 我必须添加bootstrap min.js，否则“手风琴”功能无法正常工作。模板正在使用 Bootstrap 3.3.6。

我什至尝试添加完全相同的文件，在 http://www.bootply.com/peFUdnwOpZ 中加载。

1. //ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
2. //netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js
3. //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css

下一次尝试。我通过 Joomla 插件加载了脚本。我在head/body标签之前和之后在header和body中加载了脚本。

没有任何效果。

我追查到了： 在另一个模板上，我发现，加载 3 个 javascripts 的顺序非常重要。因此，在标题结束之前手动加载非常重要！第一个 jquery.min.js 比 bootstrap.min.js 和自定义 javascript（参见示例链接）有效。但在我自己的网站上，似乎在正确加载 jquery 和引导 javascript 时出现了一些错误。因为控制台说：

null 不是对象（评估 '$('.closeall').click'）

因此，它错过了指向其他 javascript 文件的链接。也许有人可以帮忙？

Answer 1

我相信你可能忘记在你的自定义 js 文件中添加以下代码 -

$('.closeall').click(function(){
    $('.panel-collapse.in')
    .collapse('hide');
});
$('.openall').click(function(){
    $('.panel-collapse:not(".in")')
    .collapse('show');
});

希望这对你有用:-)