Twitter Bootstrap 模式：如何删除下滑效果

javascript jquery twitter-bootstrap jquery-ui

2022-08-30 02:08:12

有没有办法将 Twitter Bootstrap 模式窗口动画从向下滑动效果更改为淡入淡出或仅在没有幻灯片的情况下显示？我通读了这里的文档：

但他们没有提到任何用于更改模态身体滑动效果的选项。

答案 1

只需从模态 div 中取出类即可。fade

具体而言，更改：

<div class="modal fade hide">

自：

<div class="modal hide">

更新：对于 bootstrap3，不需要该类。hide

答案 2

引导程序使用的模态使用 CSS3 来提供效果，并且可以通过从模态容器 div 中删除适当的类来删除它们：

<div class="modal hide fade in" id="myModal">
   ....
</div>

如您所见，此模态有一类，这意味着它被设置为淡入，这意味着它将滑入。因此，只需删除与要删除的效果相关的类，在您的情况下，这只是类。.fade.in.in

编辑：刚刚运行了一些测试，似乎情况并非如此，该类是由javascript添加的，尽管您可以使用css修改他的slideDown行为，如下所示：.in

.modal.fade {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}