Funkcje wymyślić jako niezdefiniowane, jeśli umieścić je w document.ready() Funkcja:Dlaczego nie można zdefiniować funkcji w dokumencie document.ready()? JQuery
$(document).ready(function(){
function foo()
{
alert('Bar');
}
});
foo(); // Undefined
Dlaczego tak się dzieje? Jestem pewien, że potrzebuję tylko prostego zrozumienia :)
Nie wiem, dlaczego definiowanie funkcji z zakresem ready() jest dla Ciebie ważne, ale można zrobić to praca deklarując foo z góry:
<html><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script>
var foo; // Here's the difference
$(document).ready(function(){
foo = function()
{
alert('Bar');
}
});
</script></head><body>
<input type="button" onclick="foo()" value="Click me">
</body></html>
Oczywiście nie można nazwać foo() z inline skrypt natychmiast po ready(), ponieważ kod ready() jeszcze się nie uruchomił, ale możesz później wywołać tę funkcję.
Po prostu upewnij się, że nic nie może próbować zadzwonić pod numer foo() przed uruchomieniem kodu ready() (lub uczynić początkową deklarację foo() nieszkodliwą funkcją).
Można, ale muszą one być wywoływane w ramach metody ready(), w przeciwnym razie tracą zasięg po zakończeniu metody ready().
Na przykład poniższy kod będzie działać:
$(document).ready(function(){
function foo()
{
alert('Bar');
}
foo(); // still in the scope of the ready method
});
Czy istnieje sposób na obejście tego? Zmienić zakres? –
Proste. Zdefiniuj je poza zasięgiem .ready (...). Nie rozumiem, dlaczego jesteście tak przywiązani do tego. Jakie korzyści może ci zaoferować? – Oli
@Oli, byłoby lepiej z punktu widzenia organizacji kodu, aby móc zadeklarować go w zakresie .ready(). –
Twoja funkcja jest zdefiniowana w zakresie $(document).ready() zwrotnego i nie mogą być postrzeganez poza. Zdefiniuj funkcję poza zakresem wywołania funkcji $(document).ready() tylko od wewnątrz.
Będą one niezdefiniowane, jeśli umieścisz je w jakimkolwiek zakresie, który nie należy do nich. Jeśli naprawdę chcesz ich użyć poza zakresem $ (document) .ready (...), musisz zadeklarować je zewnętrznie. Takich jak:
var foo;
$(document).ready(function(){
foo = function()
{
alert('Bar');
}
});
foo(); // works now because it is in scope
Mam nadzieję, że to pomaga.
Dlaczego zatem działa rozwiązanie Hari Om? –
@jj_ Rozwiązanie Hari Om działa, ponieważ wywołanie myfnc znajduje się w tym samym zakresie, w którym zostało zadeklarowane myfnc. – Nishan
yes 'myfnc()' call, ale co z 'myfnc (param1, param2)' na wejściu wydarzenie onclick? –
<script>
$(document).ready(function(){
myfnc = function (param1, param2)
{
alert('Hello');
}
myfnc();
});
</script>
<input type="button" onclick="myfnc('arg1', 'arg2')" value="Click me">
Kolejny dodatek:
Podczas deklarowania funkcji lub zmiennych wewnątrz funkcji $(document).ready(), są niedostępne w przypadku korzystania onclick() wiąże się w dokumencie.
Możesz przenosić swoje deklaracje poza numer $(document).ready() lub możesz użyć $('#element').on('click', function() {}) w `$ (document) .ready().
Świetny pomysł. Dzięki Richie! –
Co jeśli musisz wywołać 'foo()' z niektórymi parametrami?Jak byś je minął i jak zostałyby one odebrane? –
@ alonso.torres: Tak jak każda inna funkcja JavaScript: 'foo = funkcja (x, y, z) {...}' ... 'onclick =" foo (1, 2, 3) "' – RichieHindle