GwtQuery-fadeIn一个接一个

GwtQuery-fadeIn一个接一个,gwt,gwtquery,gquery,Gwt,Gwtquery,Gquery,我想为两个小部件逐个添加淡入动画。 我查看了文档,但它只会先淡入 $(myWidget1).fadeIn(new Function(){ public boolean f(Event e){ //tried to add the second fade-in for myWidget2, but no result return true; } }); 我如何以这种方式实现一个接一个的淡入,或者,是否有其他方法来实现 谢

我想为两个小部件逐个添加淡入动画。 我查看了文档,但它只会先淡入

$(myWidget1).fadeIn(new Function(){
      public boolean f(Event e){
            //tried to add the second fade-in for myWidget2, but no result 
            return true;
      }
});
我如何以这种方式实现一个接一个的淡入,或者,是否有其他方法来实现

谢谢

为什么不使用.each()函数来循环“小部件”呢

或者,如果它们都有一个共同点(即标记组合的类等),这将更容易


请参阅jQuery API

使用jQuery尝试以下操作:

    $(document).ready(function(){
        var widgets = $('.widget');
        var fader = function(widget_n){
            if (widget_n < widgets.length) {
                $(widgets.get(widget_n)).fadeIn('slow', function(){
                    fader(widget_n +1);
                });    
            }
        };

        if (widgets.length > 0) {
            fader(0);
        }
    });
$(文档).ready(函数(){
var widgets=$('.widget');
var音量控制器=功能(小部件){
if(widget\u n0){
音量控制器(0);
}
});
检查我的示例:


我使用fadeIn GQuery方法淡入每块电路板。您可以在那里找到代码:

您正在重写一个错误的方法:
f(Event)
用于事件,请通过
f()
更改它:


这将在所有窗口小部件上同时(或多或少)启动fadeIn()。如何使用GWT执行此操作?一旦动画完成,GWT是否提供带有回调的动画方法?您还可以加载jQuery库并使用它吗?受5分钟编辑规则的影响。重试:显然,您可能需要查看gwtquery库:[link]注意,animate()函数提供了与jQuery的fadeIn()相同的回调函数。这很有效。但仍然有一个问题。假设我有一个父级内容,其中包含另一个内容,但比父级内容小。在该子内容中,我有一个文本框。当我设置此文本框的动画时,它仅在子内容内设置动画。我希望它在父内容上设置动画。你能帮我吗?
    $(document).ready(function(){
        var widgets = $('.widget');
        var fader = function(widget_n){
            if (widget_n < widgets.length) {
                $(widgets.get(widget_n)).fadeIn('slow', function(){
                    fader(widget_n +1);
                });    
            }
        };

        if (widgets.length > 0) {
            fader(0);
        }
    });
$(myWidget1).fadeIn(new Function(){
  public void f() {
     $(myOtherWidget).fadeIn();
  }
});