Question

我正在使用gem "bootstrap-sass", "~> 2.3.0.0"，这意味着我正在使用Bootstrap 2。模态记录为here。

我自己的模态开头是这样的：

#Modal.modal.hide.fade{"aria-hidden" => "true", "aria-labelledby" => "jobsModalLabel", :role => "dialog", :tabindex => "-1"}

我打开我的模态：

$("#Modal").modal().css "margin-left": ->
        -($(@).width() / 2)

我想让它加载更快，但我无法从文档中读取如何控制延迟时间。我试图从我的模态中删除.fade类，但加速过多。所以我需要保持淡入淡出功能，但只是让它更快。

不确定这是否是js或css问题。我想它可以通过两种方式解决，但我不知道如何。

当我用下面的内容覆盖.fade课时，我的褪色速度不会加快：

.fade {
   opacity: 0;
   -webkit-transition: opacity 0.01s linear;
      -moz-transition: opacity 0.01s linear;
       -ms-transition: opacity 0.01s linear;
        -o-transition: opacity 0.01s linear;
           transition: opacity 0.01s linear;
}

如果我增加到例如3.00s，但它会慢下来......

似乎.fade与添加背景的过程有关。我希望加快模态从屏幕顶部到最终位置的过程。添加背景后会发生此过程。

Answer 1

在引导程序v3（我刚好在v3.4.1中）中，您可以编辑modal.js（或者如果您有汇总的bootstrap.js，则可以找到由{{1 }}标头）来完成您要执行的操作。

更改 // MODAL CLASS DEFINITION和Modal.TRANSITION_DURATION到非常低的值，例如0或1-

Modal.BACKDROP_TRANSITION_DURATION

然后过渡将立即发生。

这是指向我所指源代码的链接-https://github.com/twbs/bootstrap/blob/v3.4.1/js/modal.js#L39

如何调整Bootstrap模式开启的延迟？

1 个答案: