引导崩溃没有唯一标识符(Bootstrap collapse without unique iden

2019-10-21 18:56发布

我试图用bootstrap崩溃的插件中,从而不需要一个唯一的标识符的方式。 通常情况下,通常有一个或几个页面上的可折叠的元素。

但我的元素是动态生成并通过索引键是矫枉过正。

现在会发生什么,如果我切换了崩溃element2 ,它会崩溃element1 。 显然,因为它们具有相同的ID。

任何方式实现这一目标没有实际给每个可折叠元素的唯一的ID?

这里有一个功能JS提琴:

http://jsfiddle.net/hhvrjnr3/

Answer 1:

可以办到。 首先删除data-target="#collapseExample"从要崩溃的元素。 然后添加一个额外的类到您的切换按钮,我已经添加了“崩塌”。 这不是真正需要的,但它是很好的识别切换按钮。 然后添加一些jQuery的做来回切换,在这种情况下,我使用next()去切换按钮是要崩溃的元素的后续元素。

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

实例的jsfiddle



文章来源: Bootstrap collapse without unique identifier