为什么引导中的图标在折叠时只更改一次？为什么jquery代码只运行一次？

我使用了bootstrap中的accordian和collapse类，并在卡片标题中添加了令人敬畏的字体图标。使用jquery，我使用折叠事件将图标更改为向上箭头和向下箭头。所有这些都很好，但只有一次图标更改。有一次我扩展了三个卡片主体，之后所有图标都是向上箭头。它没有更改加载html页面后，它只工作一次..如何重复相同

$（文档）.ready（函数（）{
$（'.collapse'）.on（'hide.bs.collapse'，function（））{
$（this.parent（）.find（'.fa angle down'）.removeClass（'.fas fa angle up'）.addClass（'.fas fa angle down'）；}）；
$（'.collapse'）.on（'show.bs.collapse'，function（））{
$（this.parent（）.find（'.fa angle down'）.removeClass（'.fas fa angle down'）.addClass（'.fas fa angle up'）；}）；
});

印度
中国
日本


意大利
德国
法国


加拿大
墨西哥
美国

您已经在

$（文档）.ready（函数（）

）中编写了图标更改代码。因此，当您的页面准备就绪时，它将只运行一次。您可以在

onclick（）

事件中编写此代码。

您已经在

$（文档）.ready（函数（）中编写了图标更改代码

。因此，当您的页面准备就绪时，它将只运行一次。您可以在

onclick（）

事件中写入此操作。

$（文档）。准备就绪（函数（）{$（'a'）。单击（函数（）{$（'.collapse'）。打开（'hide.bs.collapse'，函数（）{$（this.parent（））。查找（'.fa angle down'）。删除类（'.fas fa angle up'）。添加类（'.fas angle down'）；）；$（'.collapse'）.on（'show.bs.collapse'，function（）{$（this.parent（）.find（'.fa angle down'））.removeClass（'.fas fa angle down'）.addClass（'.fas fa angle up'）；}）；}）；甚至这个在click函数上编写的脚本也会给出相同的结果……您可能已经注意到，我们示例中的所有jQuery方法都在文档就绪事件中：$（document）.ready（function（）{//jQuery methods go here…}）；这是为了防止任何jQuery代码在文档加载完成之前运行（准备就绪）。在使用文档之前，等待文档完全加载并准备就绪是一种良好的做法。这还允许您将JavaScript代码放在文档正文之前的head部分。hide.bs.collapse-当可折叠元素即将隐藏时发生&show.bs.collapse。。这是我在此处使用的事件$（文档）.ready（function（）{$（'a'）。单击（'function（）{$（'.collapse'）。打开（'hide.bs.collapse'，function（）{$（this.parent（））。查找（'.fa angle down'）。删除类（'.fas fa angle up'）。添加类（'.fas fa angle down'）；}）；$（'.collapse'）。打开（'show.bs.collapse'，function（）{$（this.parent（）。查找（'.fa angle down'）。删除类（'.fas fa angle down'））.addClass（'.fas fa angle up'）；}）；}）；即使这个在单击函数上编写的脚本也会给出相同的结果……您可能已经注意到，我们示例中的所有jQuery方法都位于文档就绪事件中：$（document）.ready（function（）{//jQuery方法转到此处…）；这是为了防止任何jQuery代码在文档加载完成（准备就绪）之前运行。在使用文档之前，等待文档完全加载并准备就绪是一种良好的做法。这还允许您将JavaScript代码放在文档正文之前的head部分。hide.bs.collapse-当可折叠元素即将隐藏时发生&show.bs.collapse。。这是我在此处使用的事件$（文档）.ready（function（）{$（'.collapse'）.on（'hide.bs.collapse'，function（）{$（this.parent（）.find（'.fa angle down'）.removeClass（'.fas fa angle down'）.addClass（'.fas fa angle up'）；}）；$（'show.bs.collapse'，function（）{$（this.parent（）.find（'.fa angle up'）.removeClass（'.fa angle up'））.addClass（'.fas fa angle down'）；}）；上面的代码工作正常..这只是一个小错误..在find中，我在两个中都给了与fa angle相同的类..现在我将其中一个更改为fa angle up，它工作了..感谢所有帮助..$（文档）.ready（function（）{$（'.collapse'）.on（'hide.bs.collapse'，function（）{$（this.parent（）.find（'.fa angle down））.removeClass（'.fas-fa-angle-down'）.addClass（'.fas-fa-angle-up'）；}）；$（'.collapse'）.on（'show.bs.collapse'，function（）{$（this.parent（）.find（'.fa-angle-up'））.removeClass（'.fas-fa-angle-up'）；}）；上面的代码工作正常..这只是一个小错误..在find中，我在两个中都给出了与fa angle down相同的类..现在我将其中一个更改为fa angle up，它工作了..感谢所有帮助。。