你如何在GWTQuery中使用$（document）.ready（function）？

Question

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

我尝试过：

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

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

Answer 1

您无需编写任何就绪功能。

  

与linked question中一样，onModuleLoad（）实际上与ready事件相同。默认情况下，onModuleLoad在页面中的所有资源都已加载之前不会运行。

如果是INW，您可以直接开始在onModuleLoad

中书写

如GWTQuery guide所示，我们可以开始在onModuleLoad中编写代码。

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

}

Answer 2

gQuery中的$(Function)构造函数具有不同的含义，在$(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的回答和我的评论。