【问题标题】:Bootstrap 3 collapse with javascript not workingBootstrap 3 崩溃,javascript 不工作
【发布时间】:2015-01-29 11:25:27
【问题描述】:

当我为collapse 使用Javascript 选项时,切换不起作用。它仅在第一次打开面板时打开。 这个效果很好 - $('#login').collapse('toggle') 但我想添加更多选项,例如父级。

http://www.bootply.com/DFfPmKnDTd#

【问题讨论】:

  • 您的演示无法正常工作

标签: twitter-bootstrap-3


【解决方案1】:

这段代码可以帮助...

$('#login').collapse({
    toggle : true,
    parent : '#accordion'
});
$('#c1').on('click', function(){
        $('#login').collapse('toggle');
    }
);

首先你需要启动折叠功能,然后调用来切换它。 然后你需要初始化每个折叠链接。

通过使用此代码尝试使用它可能适用于目标链接。

$.each($('#accordion .accordion-toggle'), function(index, collapse_link) { var $collapse = $('#collapse_element_id'+element_no); // you need to right here '#c'+element_id ( it will take #c1, #c2 , #c3 )
$collapse.collapse({ toggle : true, parent : '#accordion' }); $(collapse_link).on('click', function(){ $collapse.collapse('toggle'); }); });

【讨论】:

  • 谢谢!!我怎样才能启动所有可折叠的 div?我给了20多个
  • 什么是 $('#collapse_element_id') ?
  • 它将是您的案例中每个可折叠元素的 id,每 20 个元素。 (#c1,#c2,#c3) 查看编辑。
  • 嘿,朋友,我找到了一些可以帮助你的东西 stackoverflow.com/questions/11207238/… :-)
猜你喜欢
  • 1970-01-01
  • 2015-06-11
  • 2013-11-20
  • 2021-07-26
  • 1970-01-01
  • 1970-01-01
  • 2018-04-09
  • 2013-08-13
  • 1970-01-01
相关资源
最近更新 更多