可以让 jquery.live() 与负载一起工作吗?

发布于 2024-11-05 10:49:33 字数 283 浏览 1 评论 0原文

我无法使 $.live() 与“load”事件一起使用,例如:

$(".animate").live("load", function(){
   $(this).hide().fadeIn(1000);
})

详细信息:

我有一个包含 ajax 结果的页面。在这些 ajax 中,我可以看到许多带有“animate”类的错误消息。所以,我希望每次浏览器加载带有“animate”类的元素时,浏览器都会使用 fadeIn 对其进行动画处理。

有可能吗?

I can't make $.live() work with "load" event, like:

$(".animate").live("load", function(){
   $(this).hide().fadeIn(1000);
})

Details:

I have a page with ajax results. In these ajax I can have many error messages with class "animate". So, I want every time the browser loads a element with "animate" class, browser animates it, usind fadeIn.

It's possible?

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

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

发布评论

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

评论(2

天荒地未老 2024-11-12 10:49:33

你可以使用 .ajaxComplete()

 $('.animate').ajaxComplete(function() {
    $(this).hide().fadeIn(1000);
 });

每当Ajax 请求完成,jQuery 触发 ajaxComplete 事件。此时将执行已使用 .ajaxComplete() 方法注册的任何和所有处理程序。

只是一个提示: 也许将其与 < strong>.ajaxSend()

$('.animate').ajaxSend(function() {
  $(this).show().fadeOut(1000);
});

每当 Ajax 请求即将发送时, jQuery 触发ajaxSend 事件。此时将执行已使用 .ajaxSend() 方法注册的所有处理程序。

you could do it with the .ajaxComplete()

 $('.animate').ajaxComplete(function() {
    $(this).hide().fadeIn(1000);
 });

Whenever an Ajax request completes, jQuery triggers the ajaxComplete event. Any and all handlers that have been registered with the .ajaxComplete() method are executed at this time.

just-a-tip: perhaps combine it with .ajaxSend()

$('.animate').ajaxSend(function() {
  $(this).show().fadeOut(1000);
});

Whenever an Ajax request is about to be sent, jQuery triggers the ajaxSend event. Any and all handlers that have been registered with the .ajaxSend() method are executed at this time.

软的没边 2024-11-12 10:49:33

您可以确保该元素在发送到浏览器之前是隐藏的(通过 css)。然后,可以使用 setTimeout(...) 循环来查找隐藏的内容并开始动画。

You could make sure the element is hidden (via css) before it is sent to the browser. Then, a setTimeout(...) loop could be used to find those which are hidden and begin the animation.

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