不能访问jQuery事件处理程序中的全局变量

Question

我使用下面的代码来跟踪滚动，我想把选定的元素变量放在事件处理程序之外，这样就不会在每次用户滚动时调用它们，从而节省资源。只有当我将前两个变量放入事件处理程序中时，以下代码才有效:

    var recommend_con_list=$(".recommend_con_list")
    var recommend_con=$('.recommend_con')
    $(window).scroll(function () {
        var y=$(window).scrollTop()
        if(y > 82){
            recommend_con.css({position:"fixed",top:"0"})
        }else{
            recommend_con.css({position:"",top:""})
        }
    });

Answer 1

如果您想进一步优化，我会使用:

$(document).ready(function () {
    var recommend_con_list = $(".recommend_con_list").get(),
        recommend_con = $('.recommend_con').get(),
        $window = $(window);
    $window.scroll(function () {
        var y = $window.scrollTop();
        if (y > 82) {
            for (var i = 0, j = recommend_con.length; i < j; i++) {
                recommend_con[i].classList.add("special");
            }
        } else {
            for (var i = 0, j = recommend_con.length; i < j; i++) {
                recommend_con[i].classList.remove("special");
            }
        }
    });
});

与此CSS:

<style type="text/css">
    .special {
        position: fixed;
        top: 0;
    }
</style>