全局變量，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(); 
    }); 
});