我试图用bootstrap崩溃的插件中,从而不需要一个唯一的标识符的方式。 通常情况下,通常有一个或几个页面上的可折叠的元素。
但我的元素是动态生成并通过索引键是矫枉过正。
现在会发生什么,如果我切换了崩溃element2
,它会崩溃element1
。 显然,因为它们具有相同的ID。
任何方式实现这一目标没有实际给每个可折叠元素的唯一的ID?
这里有一个功能JS提琴:
http://jsfiddle.net/hhvrjnr3/
我试图用bootstrap崩溃的插件中,从而不需要一个唯一的标识符的方式。 通常情况下,通常有一个或几个页面上的可折叠的元素。
但我的元素是动态生成并通过索引键是矫枉过正。
现在会发生什么,如果我切换了崩溃element2
,它会崩溃element1
。 显然,因为它们具有相同的ID。
任何方式实现这一目标没有实际给每个可折叠元素的唯一的ID?
这里有一个功能JS提琴:
http://jsfiddle.net/hhvrjnr3/
可以办到。 首先删除data-target="#collapseExample"
从要崩溃的元素。 然后添加一个额外的类到您的切换按钮,我已经添加了“崩塌”。 这不是真正需要的,但它是很好的识别切换按钮。 然后添加一些jQuery的做来回切换,在这种情况下,我使用next()
去切换按钮是要崩溃的元素的后续元素。
$('.collapser').click(function() {
$(this).next().collapse('toggle');
});
实例的jsfiddle