Globalna zmienna javascript wewnątrz dokumentu.gotowe

Declare this

var intro;

Poza $(document).ready() ponieważ, $(document).ready() ukryje Twoją zmienną przed globalnym zasięgiem.

Kod

var intro;

$(document).ready(function() {
    if ($('.intro_check').is(':checked')) {
        intro = true;
        $('.intro').wrap('<div class="disabled"></div>');
    };
    $('.intro_check').change(function(){
        if(this.checked) {
            intro = false;
            $('.enabled').removeClass('enabled').addClass('disabled');
        } else {
            intro = true;
            if($('.intro').exists()) {
                $('.disabled').removeClass('disabled').addClass('enabled'); 
            } else {
                $('.intro').wrap('<div class="disabled"></div>');
            }
        }
    });
});

Według @ Zakaria komentarz

Inny sposób:

window.intro = undefined;

$(document).ready(function() {
    if ($('.intro_check').is(':checked')) {
        window.intro = true;
        $('.intro').wrap('<div class="disabled"></div>');
    };
    $('.intro_check').change(function(){
        if(this.checked) {
            window.intro = false;
            $('.enabled').removeClass('enabled').addClass('disabled');
        } else {
            window.intro = true;
            if($('.intro').exists()) {
                $('.disabled').removeClass('disabled').addClass('enabled'); 
            } else {
                $('.intro').wrap('<div class="disabled"></div>');
            }
        }
    });
});

Uwaga

console.log(intro);

Poza funkcją DOM ready (aktualnie masz) zaloguje się undefined, ale wewnątrz DOM ready da ci true / false.

Twój zewnętrzny console.log wykonaj przed DOM ready execute, ponieważ DOM ready execute mimo wszystko zasób pojawił się DOM ie po DOM jest przygotowany, więc myślę, że zawsze będzie absurdalny wynik.

Według komentarza @w0rldart

Muszę użyć go poza funkcją DOM ready

Możesz użyć następującego podejścia:

var intro = undefined;

$(document).ready(function() {
    if ($('.intro_check').is(':checked')) {
        intro = true;
        introCheck();
        $('.intro').wrap('<div class="disabled"></div>');
    };
    $('.intro_check').change(function() {
        if (this.checked) {
            intro = true;
        } else {
            intro = false;
        }
        introCheck();
    });

});

function introCheck() {
    console.log(intro);
}

Po zmianie wartości intro wywołałem funkcję, która odpali nową wartość intro.

JavaScript ma Zakres zmiennej na poziomie funkcji , co oznacza, że będziesz musiał zadeklarować swoją zmienną poza $(document).ready() funkcją.

Lub alternatywnie, aby zmienna miała Globalny Zakres, po prostu nie używaj słowa kluczowego var przed nim, jak pokazano poniżej. Jednak ogólnie jest to uważane za złą praktykę , ponieważ zanieczyszcza zasięg globalny, ale to do ciebie należy decyzja.

$(document).ready(function() {
   intro = null; // it is in global scope now

Aby dowiedzieć się więcej na ten temat, sprawdź out:

• Objaśnienie Zakresu I Zamknięć JavaScript

Użyj window.intro wewnątrz $(document).ready().

Tak: umieść intro poza dokument gotowy, dobra dyskusja tutaj: http://forum.jquery.com/topic/how-do-i-declare-a-global-variable-in-jquery @thecodeparadox jest zajebiście szybki :p tak czy inaczej!

 var intro;

$(document).ready(function() {



    if ($('.intro_check').is(':checked')) {
        intro = true;
        $('.intro').wrap('<div class="disabled"></div>');
    };

    $('.intro_check').change(function(){
        if(this.checked) {
            intro = false;
            $('.enabled').removeClass('enabled').addClass('disabled');
        } else {
            intro = true;
            if($('.intro').exists()) {
                $('.disabled').removeClass('disabled').addClass('enabled'); 
            } else {
                $('.intro').wrap('<div class="disabled"></div>');
            }
        }
    });
});

W przeciwieństwie do innych języków programowania, każda zmienna zadeklarowana poza dowolną funkcją automatycznie staje się globalna,

<script>

//declare global variable
var __foo = '123';

function __test(){
 //__foo is global and visible here
 alert(__foo);
}

//so, it will alert '123'
__test();

</script>

Problem polega na tym, że deklarujesz zmienną wewnątrz ready() funkcji, co oznacza, że staje się ona widoczna (w zakresie) tylko wewnątrz ready() funkcji, ale nie na zewnątrz,

Rozwiązanie: Więc zrób to globalnie, tzn. zadeklaruj to na zewnątrz $(document).ready(function(){});

Użyj window.intro = "value"; wewnątrz funkcji ready. "value" może być void 0 jeśli chcesz, aby było undefined

Możesz zdefiniować zmienną wewnątrz funkcji document ready bez var, aby stała się zmienną globalną. W javascript każda zmienna zadeklarowana bez var automatycznie staje się zmienną globalną

$(document).ready(function() {
    intro =  "something";
});

Chociaż nie można użyć zmiennej natychmiast, ale będzie ona dostępna dla innych funkcji