爲什麼delay（）不起作用？

Question

在this example：

$('#click').click(function() { 
    $('#delay').delay(2000).css('background-color', '#c30000'); 
}); 

爲什麼delay()呼叫不耽誤css()電話嗎？

Answer 1

退房http://api.jquery.com/delay/和http://api.jquery.com/queue/

$(document).ready(function() { 
    $('#click').click(function() { 
     $('#delay').delay(2000).queue(function() { 
      $(this).css('background-color', '#c30000'); 
     }); 
    }); 
}); 

Answer 2

使用JavaScript的setTimeout的（）：

setTimeout(function() { 
    $('#delay').css('background-color', '#c30000'); 
}, 2000); 

Answer 3

從documentation：

的.delay（）方法是最好的延遲間排隊的jQuery特效。因爲它是有限的 - 例如，它不提供取消延遲的方法.delay（）不是JavaScript本地setTimeout函數的替代品，這對於某些用例可能更合適。

因此，基本上，在您的情況下，超時是比延遲更好的方法，因爲您不在效果之間。

Answer 4

delay()僅適用於jQuery effects。

改爲使用基本的setTimeout調用。