2011-04-26 192 views
3

我试图让表单消失,然后显示一条消息“连接您的通话”,然后3秒钟后“连接您的通话”消息消失,30秒后表单返回。表单隐藏并回来只是发现我无法弄清楚如何使动态附加标签淡入淡出。任何建议将会很好jQuery删除附加元素

$("#form").hide().delay(30000).fadeIn('slow'); 
$("#formarea").append("<h3>Connecting your call...</h3>").delay(3000).$('h3').fadeOut('slow'); 
+0

删除代码$('h3')并重试? – 2011-04-26 01:34:22

+0

为什么不只是在源代码中拥有自己的ID,看到你永远不会删除它? 也许这只是我,但我会感觉有点* *使用这样的东西。 – Jibran 2011-04-26 01:38:33

回答

1

你有$选择,应该使用find:

$("#form").hide().delay(30000).fadeIn('slow'); 
$("#formarea") 
    .append("<h3>Connecting your call...</h3>") 
    .delay(3000) 
    .find('h3') 
     .fadeOut('slow'); 

通过延迟的问题是,它只能在效果队列,并在链中的下一个项目是不是效果的功能。试试这个:

$("#form").hide().delay(30000).fadeIn('slow'); 
    $("#formarea") 
     .append("<h3>Connecting your call...</h3>") 
     .find('h3') 
      .delay(3000) 
       .fadeOut('slow'); 
+0

似乎忽略了延迟。 : -/ – BandonRandon 2011-04-26 01:39:29

+0

编辑工作,我从来没有意识到,你可以链接与超级intresting和凉爽的标签的东西。 – BandonRandon 2011-04-26 01:50:15

+0

空格显然不会改变代码的运行方式,它只是让阅读更容易和更清晰。 – Eli 2011-04-26 01:52:24

1

$(“#formarea> h3”)。fadeOut(3000);