$(这个)不可用-我缺少什么?

您需要在一个链接元素之后使用回调函数,否则这些值只计算一次。

function iphoneAnimate() {
    $('.iphone-screen div').repeat().css({
        opacity: 0,
        top: 0
    })
    .each($)
    .fadeTo(1000, 1)
    .then(function(){ 
        $(this).animate({top: $('.iphone-screen').height() - $(this).height()
                                                              },4000);})
    .fadeTo(1000, 0, $);
}

iphoneAnimate();

工作演示: http://jsfiddle.net/ZGnTe/2/

可能是因为传递到.animate()函数中的财产本身不是函数。

尝试可以获得相同结果的不同选择器 例如

function iphoneAnimate() {
    $('.iphone-screen div').repeat().css({
        opacity: 0,
        top: 0
    })
        .each($).fadeTo(1000, 1).animate({
        top: $('.iphone-screen').height() - $('div img').height()
    }, 4000).fadeTo(1000, 0, $);
}

这是小提琴的链接: http://jsfiddle.net/ZGnTe/1/

我认为“this”对象只能在回调函数中访问。

为了补偿“div img”选择器的通用性,可以添加一个过滤器(例如 .filter(":animated") )仅获取正在设置动画的项目。

我建议按照以下示例扩展每个函数:( https://api.jquery.com/each/#example-1 ).

我认为,表达式$(this)是在iPhoneAnimate方法的上下文中计算的。由于您在没有特定上下文的情况下调用该方法,因此其结果为空。

如果您是从委托或匿名方法中访问它,那么它将被计算为jquery对象的上下文。