GwtQuery - 一個接一個地淡出

Question

我想一個接一個地為幾個小部件添加淡入動畫。 我查看了該文檔，但它只是首次淡入。

$(myWidget1).fadeIn(new Function(){
      public boolean f(Event e){
            //tried to add the second fade-in for myWidget2, but no result 
            return true;
      }
});

我如何以這種方式一個接一個地實現淡入，或者，還有另一種方法嗎？

謝謝！

Answer 1

試試這個，使用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);
        }
    });

Answer 2

在這里查看我的示例： http ： //gwtquery-plugins.googlecode.com/svn/branches/droppable_1_0/demo/DraughtsSample/DraughtsSample.html

我使用fadeIn GQuery方法來淡出每塊板子。 你可以在那里找到代碼： http ： //code.google.com/p/gwtquery-plugins/source/browse/trunk/droppable/sample/src/main/java/gwtquery/plugins/droppable/client/draughtssample/CheckerBoard的.java＃116

Answer 3

為什么不使用.each（）函數循環遍歷“小部件”。

var map = { 
  'mywidget1': '#mywidget1', 
  'mywidget2': '#mywidget2' 
}; 
$.each(map, function(key, value) {
  $(value).fadeIn(...);
});

或者如果他們都有一個共同的東西（即標簽組合等等），這將更容易。

請參閱.each（） jQuery API

Answer 4

您正在覆蓋不正確的方法： f(Event)用於事件，通過f()更改它：

$(myWidget1).fadeIn(new Function(){
  public void f() {
     $(myOtherWidget).fadeIn();
  }
});