jQuery函数问题

Question

我已经改了一个人的例子（来自我之前问过的Stack Overflow问题）来做我想做的事，但是它似乎没有用。

如果有帮助，那么这里是该问题的链接

该功能不起作用：

$(window).scroll(function(){
    if ($('.orange').isOnScreen() === 'true'); {
        $('.box').css('background', 'red');
    }
});

这是jsfiddle

当橙色正方形进入屏幕时，其余正方形应更改为红色，然后当橙色正方形不在屏幕上时，红色正方形需要再次变为蓝色。

Answer 1

您的语法中存在一些问题，但这虽然未优化，但应该可以解决

$(window).scroll(function(){
    //isOnScreen returns a boolean, loose comparison will do
    if ($('.orange').isOnScreen()){
        $('.box').css('background', 'red');
    } else {
        //you need to revert back when isOnScreen returns false
        $('.box').css('background', 'blue');
    }
});

Answer 2

您在逻辑和语法上有一些错误。 尝试这个：

//This is the function that is playing up:
$(window).scroll(function(){
    if ($('.orange').isOnScreen()) {
        $('.box').css('background', 'red');
    }
    else {
        $('.box').css('background', 'blue');
    }
});

更新的JSFiddle： http : //jsfiddle.net/LuYD2/8/