为什么Bootstrap Collapse不断删除"崩溃"课后扩大?

时间:2014-11-06 18:57:18

标签: javascript jquery ajax twitter-bootstrap collapse

我在通过Ajax插入的元素上使用jQuery Collapse

当我应用下面的行时,会删除collapse类。当需要关闭Ajax内容时,我需要保持这个类以便我可以调用collapse(' hide')。

$ajaxContent.html(data).find('.collapse').collapse();

这是我在.php文件中的内容:

<section class="collapse">

以下是应用jQuery后最终结果:

<section class="in" style="height: auto;">

为什么要这样做以及如何修复它以便崩溃类没有被删除?

1 个答案:

答案 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函数删除(它不是,因为它不删除该类)。