Question

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

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

但它没有用。任何人都可以帮忙吗？

背景资料：我必须添加bootstrap min.js，否则，功能＆＃34;手风琴＆＃34;工作不正常。模板正在使用Bootstrap 3.3.6。

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

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

下一步尝试。我通过Joomla插件加载脚本。我在head / body标签之前和之后加载了标题和正文中的脚本。

没有任何效果。

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

null不是对象（评估＆＃39; $（＆＃39; .closeall＆＃39;）。点击＆＃39;）

所以，它错过了与其他javascript文件的链接。也许有人可以提供帮助？

Answer 1

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

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

希望这对你有用： - ）

Bootstrap手风琴：展开/折叠全部不起作用

1 个答案: