我正在尝试隐藏一个
通过 JavaScript hide()

发布于 2024-11-26 20:08:32 字数 111 浏览 1 评论 0原文

        $("#" + id).hide(2000); 

我有一个 div,我试图这样隐藏,但似乎没有正确执行动画。

就这样消失了。

        $("#" + id).hide(2000); 

I have a div I'm trying to hide thusly, but doesn't seem to be doing the animation properly.

Just disappears.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不忘初心 2024-12-03 20:08:32

根据您的评论,我的猜测是您的代码在动画开始后立即删除它。动画是一个异步过程。您的代码将在动画开始后立即继续运行。如果您在调用 hide() 之后删除该对象,那么您将在动画完成之前删除它,并且它会“消失”而不是慢慢淡出。

要解决这个问题,您需要在动画上添加一个完成事件,并且需要在完成后将其删除。

您将需要这样的东西:

$("#" + id).hide(2000, function() {
    // remove it from the page here upon completion of the animation
}); 

只是为了向人们展示 .hide(2000) 函数工作得很好,这里有一个工作示例: http://jsfiddle.net/jfriend00/XDQwU/

Based on your comments, my guess is that your code is deleting it right after the animation STARTED. The animation is an asychronous process. Your code will continue to run right after the animation is started. If you are then removing the object after the call to hide(), then you will be removing it before the animation has completed and it will "just disappear" rather than fade out slowly.

To fix that, you will need a completion event on the animation and you will need to remove it upon completion.

You will need something like this:

$("#" + id).hide(2000, function() {
    // remove it from the page here upon completion of the animation
}); 

Just to show people that the .hide(2000) function works just fine, here's a working example: http://jsfiddle.net/jfriend00/XDQwU/.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文