没有唯一标识符的自举崩溃

Ortix92

我正在尝试以不需要唯一标识符的方式使用bootstrap崩溃插件。通常,页面上通常只有一个或几个可折叠元素。

但是我的元素是动态生成的,并且传递索引键是过大的。

现在发生的是,如果我将塌陷切换为element2,它将崩溃element1显然是因为它们具有相同的ID。

在没有实际为每个可折叠元素赋予唯一标识的情况下,有什么方法可以实现?

这是一个实用的js小提琴:

http://jsfiddle.net/hhvrjnr3/

戴维

可以办到。首先data-target="#collapseExample"从您要折叠的元素中删除然后在您的切换按钮中添加一个额外的类,我添加了'collapser'。确实不是必需的,但是很容易识别切换按钮。然后添加一些jQuery进行切换,在这种情况下,我next()用于将后续元素添加到切换按钮,这是您希望折叠的元素。

$('.collapser').click(function() {
    $(this).next().collapse('toggle');
});

jsFiddle示例

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章