我正在尝试以不需要唯一标识符的方式使用bootstrap崩溃插件。通常,页面上通常只有一个或几个可折叠元素。
但是我的元素是动态生成的,并且传递索引键是过大的。
现在发生的是,如果我将塌陷切换为element2
,它将崩溃element1
。显然是因为它们具有相同的ID。
在没有实际为每个可折叠元素赋予唯一标识的情况下,有什么方法可以实现?
这是一个实用的js小提琴:
可以办到。首先data-target="#collapseExample"
从您要折叠的元素中删除。然后在您的切换按钮中添加一个额外的类,我添加了'collapser'。确实不是必需的,但是很容易识别切换按钮。然后添加一些jQuery进行切换,在这种情况下,我next()
用于将后续元素添加到切换按钮,这是您希望折叠的元素。
$('.collapser').click(function() {
$(this).next().collapse('toggle');
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句