全局变量，Jquery的

Question

我有以下代码

oss = $("#us"); 
mainLogo = $("#mainLogo"); 
container = $(".container"); 

$(document).ready(function(){ 
    oss.hide(); 
    oss.fadeIn(1000); 
    mainLogo.hide(); 
    mainLogo.fadeIn(1000); 
    container.find("#images").hide(); 
    container.find("#images").slideDown(); 
}) 
$(oss).click(function(){ 
    container.fadeOut(); 
}) 

我的问题是，我似乎无法访问外部的变量。我已经尝试了window.varName，只写了infront等。但编译器似乎只是跳过它，因此不做任何事情。

Answer 1

下面这段代码的功能与您尝试完成的功能相同。这样你就可以在document.ready（）的作用域之外声明全局变量：oss，mainLogo和container。

var oss; 
var mainLogo; 
var container; 

$(document).ready(function(){ 

    oss = $("#us"); 
    mainLogo = $("#mainLogo"); 
    container = $(".container"); 

    oss.hide(); 
    oss.fadeIn(1000); 
    mainLogo.hide(); 
    mainLogo.fadeIn(1000); 
    container.find("#images").hide(); 
    container.find("#images").slideDown(); 


    oss.click(function(){ 
     container.fadeOut(); 
    }); 
});