функция внутри $ (document) .ready()

Question

У меня есть функция сценария java my_func(), которую я бы хотел вызвать при загрузке страницы. Вот странное поведение, что я получаю: Если я вызываю функцию внутри документа готовый не будет работать:

function my_func(){ 
//do something 
} 
$(document).ready(function(){ 
    my_func(); 
}); 

, но если я называю его по событию она работает просто отлично:

function my_func(){ 
//do something 
} 
$(document).ready(function(){ 
    $('#myId').click(function(){ 
     my_func(); 
    }); 
}); 

У кого-нибудь есть идея? как я могу вызвать его внутри документа, готового напрямую?

Answer 1

Ваша проблема в том, что dijit.form.TextBox не был загружен, когда загрузилась остальная часть DOM. Вам нужно изменить свой код my_func включить вызов require:

function my_func() { 
    require(['dijit/form/TextBox'], function(TextBox) { 
     // ... 
     var newBox = new TextBox(); 
     // ... 
    }); 
} 

Вы должны сделать это для каждого класса Dojo. Например, если вам также необходимо dijit.form.Button:

function my_func() { 
    require(['dijit/form/Button', 'dijit/form/TextBox'], function(Button, TextBox) { 
     // ... 
    }); 
} 

Это немного жаль, что именно это многословен, но это так, как оно идет. Более подробную информацию о require можно получить в Dojo's documentation.

Answer 2

Проблема заключается в том не положить функции внутри $(document).ready(), смотрите ниже:

Работа скрипку:

http://jsfiddle.net/whFNj/1/

$(document).ready(function(){ 
    my_func(); 
}); 

function my_func(){ 
$("#black").css("background", "black"); 
} 

Вместо этого, она может быть ваша функция создается где-то еще в вашем коде, и он не инициализируется к тому времени, когда dom готов.