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

时间:2016-01-18 07:55:46

标签: jquery twitter-bootstrap

我正在使用bootstrap 3.3.6,我对它和Web编程有点新意。

有两个模态说A和B,都定义为加载和卸载淡入淡出效果。现在,我假设一个接一个地加载A和B,即

  
      
  • A节目
  •   
  • 做一些工作
  •   
  • 隐藏
  •   
  • B显示
  •   
  • 做一些工作
  •   
  • B隐藏
  •   

现在,当序列

  

皮革,   B显示

发生,它会导致模态上的滚动功能中断。在修补了一下之后,我发现这种情况正在发生,因为" fade"影响。显示B的调用是在A被隐藏之前发生的。

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

  1. 关闭淡入淡出效果
  2. 在活动' hidden.bs.modal'时显示B.发生。
  3. 在(2)之后,只要A被隐藏起来,就像其他模态打破A的排序一样,它会硬启动B.

    所以,我有两个问题

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

1 个答案:

答案 0 :(得分:0)

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

而不是使用

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

我们可以使用

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

仅启动一次句柄。

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