具有淡入淡出效果的 Bootstrap 模态排序，导致滚动中断

Question

我正在使用 bootstrap 3.3.6，我对它和一般的 Web 编程有点陌生。

有两个模态，分别是 A 和 B，都定义为加载和卸载并带有淡入淡出效果。现在，我应该一个接一个地加载A和B，即

• 一个节目
• 做一些工作
• 一个隐藏
• B 节目
• 做一些工作
• B 隐藏

现在，当序列

一个隐藏， 乙显示

发生，它会导致模式上的滚动功能中断。之后，稍微修补一下，我发现这是由于“褪色”效应而发生的。显示 B 的调用发生在 A 被隐藏之前。

作为解决方案，我有两种方法。

1. 关闭淡入淡出效果
2. 当“hidden.bs.modal”事件发生时显示 B。

在 (2) 之后，每当 A 被隐藏时，它就会硬连线 B 的启动，从而破坏 A 与其他模态的顺序。

所以，我有两个问题

1. 使用淡入淡出效果对两个模态出现和消失进行排序的正确方法是什么？
2. 我如何为一个事件添加一个句柄，它应该只执行一次？

Answer 1

对于第二个问题，得到以下解决方案..

而不是使用

$("").on("",function())

我们可以使用

$("").one("",function())

只启动一次句柄。

另外，我很好奇，一旦与“.on”相关联，删除句柄的方法是什么。