2011-04-26 139 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);