首頁(yè) 猿問(wèn) jQuery的delay方法為什么...

jQuery的delay方法為什么這樣用沒(méi)效果？

JavaScript

陪伴而非守候 2018-12-07 09:37:25

我的代碼： <!DOCTYPE html><html><head> <title>Demo</title> <script src="jquery.min.js" type="text/javascript"></script> <style type="text/css"> #test{ width:100px; height:100px; background:#CCC; } </style> <script type="text/javascript"> $(function(){ //$("#test").delay(2000).hide(); $("#test").show(500).delay(2000).hide(500); //$("#test").show().delay(2000).hide(); }); </script></head><body> <div id="test"></div></body></html> 為什么用我注釋掉的兩種寫(xiě)法不行？

查看完整描述

4 回答

哆啦的時(shí)光機(jī)

TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個(gè)贊

jQuery文檔中已經(jīng)說(shuō)明了這個(gè)：

Only subsequent events in a queue are delayed; for example this will?not?delay the no-arguments forms of?.show()?or?.hide()?which do not use the effects queue.

在隊(duì)列中的事件才能被delay

反對(duì) 回復(fù) 2018-12-24

湖上湖

TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊

如果你隱藏的時(shí)候用hide，那么顯示的時(shí)候就要用show.

反對(duì) 回復(fù) 2018-12-24

POPMUISE

TA貢獻(xiàn)1765條經(jīng)驗(yàn) 獲得超5個(gè)贊

$("#test").delay(2000).hide();這個(gè)為什么不行呢？

反對(duì) 回復(fù) 2018-12-24

米琪卡哇伊

TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個(gè)贊

我覺(jué)得“最佳答案”沒(méi)答到點(diǎn)上，動(dòng)畫(huà)效果本來(lái)默認(rèn)就是在“fx”隊(duì)列里的，“$("#test").show(500).delay(2000).hide(500);”事實(shí)上應(yīng)該是可行的，我先hide再show的結(jié)果是可行。