Как вы используете $(document).ready(function) в GWTQuery?

Question

Я кодирую проект с помощью GWTQuery, но не могу найти эквивалент GWTQuery $(document).ready(function).

Я пытался сделать:

$(new Function(){ /* Function comes here */ });

и хотя это не приводит к синтаксической ошибке, любой код, написанный внутри него, не дает результатов.

Answer 1

Вам не нужно писать какие-либо готовые функции.

Как и в связанном вопросе, onModuleLoad() фактически совпадает с событием ready. По умолчанию onModuleLoad не запускается до тех пор, пока все ресурсы на странице не будут загружены.

если INW, вы можете напрямую начать писать в onModuleLoad

И, как показано в руководстве GWTQuery, мы можем начать писать код в onModuleLoad.

public void onModuleLoad() {
  //Hide the text and set the width and append an h1 element
  $("#text").hide()

}

Answer 2

$(Function) Конструктор в gQuery имеет другое значение, это хитрость, чтобы использовать синтаксис $(this) внутри Functions,

В приведенном ниже примере $(this) это ярлык $("#input") или же $(element), Обратите внимание, что this указывает на внутренний Function,

 // gwtQuery version
 $("#input").click(new Function(){public void f() {
      $(this).text('whatever');
 }});

Как видите, мы делаем это, чтобы получить код, очень похожий на jQuery, чтобы было проще переносить код с jQuery на gQuery. В случае ниже this указывает на контекст, в котором выполняется щелчок: input element,

 // jQuery version
 $("#input").click(function() {
      $(this).text('whatever');
 });

О onReady вопрос см. Ответ @Baadshah и мой комментарий.