javascript - 什么时候 jQuery SlideDown 不起作用,而 SlideUp 起作用?

标签 javascript jquery animation dhtml slidedown

我在使用 SlideDown 时遇到问题。元素不是整齐地向下滑动,而是开始“摇动”,然后立即出现,没有动画。另一方面,SlideUp 可以完美地工作。

我做了一个jsFiddle:http://jsfiddle.net/4x4PK/1/

单击 + 按钮时会出现问题。 ×按钮工作得很好。

有一些 JS 插件,有问题的 on.('click' ...) 代码一直在底部。

最佳答案

好吧,看来我找到了解决方案。问题是我认为slideDown函数需要在动画开始之前知道元素的高度(以知道动画的端点)。

当我用 after() 添加元素时,现在判断它的高度还为时过早。

  • 该元素必须已插入,否则其高度为零。
  • 该元素不得已可见

最后我找到了这个可行的解决方案:

$(this).closest('.smoking-rate').after( $el );
$el.hide().slideDown()

有人可以确认,高度是它不起作用的原因吗?

关于javascript - 什么时候 jQuery SlideDown 不起作用,而 SlideUp 起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12962899/

相关文章:

javascript - 在不安装 Babel 的情况下在 WebStorm 上使用 ECMAScript 6

php - Jquery UI 日期选择器 设置默认日期

css - 多个 CSS 关键帧动画在 SVG 路径上有延迟

jquery - 如何让 CSS 动画 DIV 开始隐藏并逐一显示?

ios - 与 TransitionWithView 和 AnimationWithDuration 的区别

javascript - 根据其他 child 调整div的宽度?

javascript - 在 Javascript 中使用 appendChild 和 IE

javascript - Twitter Bootstrap 2.3 Typeahead 搜索元素名称与字符 & 在谷歌浏览器中

php - 我的 jQuery 和 PHP 对同一件事给出不同的结果?

javascript - 设置固定高度后宽度和高度相等