我在通过Ajax插入的元素上使用jQuery Collapse。
当我应用下面的行时,会删除collapse
类。当需要关闭Ajax内容时,我需要保持这个类以便我可以调用collapse(' hide')。
$ajaxContent.html(data).find('.collapse').collapse();
这是我在.php文件中的内容:
<section class="collapse">
以下是应用jQuery后最终结果:
<section class="in" style="height: auto;">
为什么要这样做以及如何修复它以便崩溃类没有被删除?
答案 0 :(得分:3)
避免调用元素的类collapse
,因为插件正在使用它。称之为其他东西(例如,给它一个collapse
而不是类的ID)它应该有用。
编辑:您也可以通过数据属性(data-toggle="collapse"
)使用该插件;我仍然不会调用元素的类collapse
来避免混淆。
编辑#2 :根据@frivi对该问题的评论,我查看了Bootstrap's documentation on collapse上提供的示例,并意识到他们实际上正在使用collapse
类太。从你接受我的答案的事实出发,我假设重命名/删除它仍然由于某种原因为你解决了问题,但问题的根源可能是在你的代码中的其他地方(可能是另一个js)或HTML的结构,不确定)。
编辑#3 :我认为罪魁祸首可能出在你的data
变量持有的任何地方;我猜它没有将collapse
类添加到您使用$ajaxContent
函数应用于html
的任何结构中,并且它实际上从那里丢失而不是它由collapse
函数删除(它不是,因为它不删除该类)。