javascript - 为什么 Bootstrap Collapse 展开后会一直删除 "collapse"类？

Question

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

当我应用下面的行时，它删除了 collapse 类。我需要保留该类，以便在需要关闭 Ajax 内容时调用 collapse('hide')。

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

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

<section class="collapse">

这是应用 jQuery 后的结果:

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

为什么要这样做，我该如何解决它，以免崩溃类被删除？

Answer 1

避免调用元素的类 collapse，因为插件正在使用它。给它起别的名字(例如，给它一个 collapse 而不是 class 的 id)，它应该可以工作。

编辑:或者您可以通过数据属性使用插件 (data-toggle="collapse")；我仍然会避免调用元素的类 collapse 以避免混淆。

编辑#2:根据@friedi 对问题的评论，我查看了 Bootstrap's documentation on collapse 上提供的示例。并意识到他们实际上也在使用 collapse 类。从您接受我的回答这一事实出发，我假设重命名/删除它仍然出于某种原因为您解决了问题，但问题的根源可能在于您代码中的其他地方(可能是另一位 js或您的 HTML 结构，不确定)。

编辑 #3:我认为罪魁祸首可能在于您的 data 变量持有什么；我猜它没有将类 collapse 添加到您使用 html 函数应用于 $ajaxContent 的任何结构中，它实际上从那里丢失了，而不是被 collapse 函数删除(它不是，因为它没有删除那个类)。