全局变量，Jquery

Question

I have the following code

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();
})

The problem I have is that I can't seem to access the variables outside. I've tried window.varName, just writing var infront etc. But the compiler seems to just skip it and thus not do anything.

Answer 1

The following piece of code does the same you are trying to accomplish. This way you declare the global variables: oss, mainLogo and container outside the scope of document.ready().

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();
    });
});