gwt - 您如何在 GWTQuery 中使用 $(document).ready(function)？

Question

我一直在用 GWTQuery 编写一个项目，但我找不到相当于的 GWTQuery$(document).ready(function).

我试着做一个：

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

尽管这不会产生语法错误，但在其中编写的任何代码都不会产生任何结果。

Answer 1

您无需编写任何就绪函数。

在链接的问题中， onModuleLoad() 实际上与 ready 事件相同。默认情况下，onModuleLoad 直到页面中的所有资源都加载后才会运行。

如果是INW，可以直接开始写inonModuleLoad

如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)thisFunction

 // 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 的回答和我的评论。