jquery - 使用滑动动画显示 Bootstrap 警报时的奇怪行为

标签 jquery css twitter-bootstrap jquery-ui

我试图通过向下滑动来显示一个 Bootstrap 警告框。滑动动画按预期工作,但似乎只有在整个动画完成时才会添加警报的底部填充。

可能是什么问题,或者这个问题的可能解决方案?

这是我用于动画的 javascript 代码:

jQuery("#testDiv").hide().show('slide',{direction: 'up'}, 1500).parent(".ui-effects-wrapper").hide().slideDown(1500);

我设置了一个 JSFiddle 来演示这种奇怪的行为:

http://jsfiddle.net/dg6xh5m0/

最佳答案

我不知道样式发生了什么,但是当你为它使用包装器时它就起作用了。看看这里:

`https://jsfiddle.net/dg6xh5m0/2/`

关于jquery - 使用滑动动画显示 Bootstrap 警报时的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29539516/

相关文章:

php - Joomla 3.X - 从标题中删除工具提示脚本?

javascript - jQuery .click() 不执行任何操作

html - 无法使用flexbox垂直对齐div

html - 悬停时停止文本向下移动

html - 在 Bootstrap 4 中向右浮动导航项?

html - 如何使用不同于细节图像的缩略图

javascript - 将 URL 传递给 Javascript 函数

jquery - 是否可以将定义的变量用作 'data-content' 用于 jQuery 中的数据属性选择器?

html - 使用 CSS3 自定义复选框和单选按钮

css - 学习 Twitter Bootstrap 推荐