jQuery链接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或将它们添加到动画队列（或使用 排队的方法）。

e.g。使用计时器

   $('.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/