jQuery chaining css свойства с задержкой

Question

У меня есть jQuery проблема.

Сначала я использую height: auto; для моего .container элемента таким образом, что полоса прокрутки добавляется, если .container содержание больше, чем высота браузеров окна. Через 2 секунды высота должна получить высота окна.

Это мой текущий код в функции $(document).ready(...):

$('.container').css('height', 'auto').delay(2000).css('height', $(window).height()); 

В настоящее время css('height', $(window).height()) не будет применена на всех.

Что не так с моей цепочкой jQuery?

Answer 1

css является незамедлительным и не поставленным в очередь/с задержкой (например, animate).

Ваши варианты использования: setTimeout или добавить их в очередь анимации (или использовать методы, которые - в очереди).

например. с помощью таймера

$('.container').css('height', 'auto'); 
    setTimeout(function(){ 
     $('.container').css('height', $(window).height()); 
    }, 2000); 

JSFiddle: (благодаря @Raghu Chandra) http://jsfiddle.net/zd5xweb6/

с использованием очереди:

$('.container').css('height', 'auto').delay(2000).queue(function(){ 
     $(this).css('height', $(window).height()); 
    }); 

JSFiddle:http://jsfiddle.net/zd5xweb6/1/