0

如果单击按钮，我想向页面添加标签并通过 CSS 动画淡入。我想，我可以创建并添加附加了 CSS 类“隐藏”的标签，它的不透明度 = 0，然后删除该类，其余的由 CSS 完成。但是我错了。GWT 似乎以onClick()某种批量模式执行代码 -> 标签已经添加，没有“隐藏”类。我怎样才能预防或做得更好？如果我在浏览器中手动添加/删除“隐藏”类，动画就可以找到。

Java 代码如下所示：

Button submitButton = new Button("send");

submitButton.addClickHandler(new ClickHandler() {

    @Override
    public void onClick(ClickEvent event) {

        Label l = new Label("test");
        l.addStyleName("hidden");
        RootPanel.get().add(l);

        l.removeStyleName("hidden");

    }
});

RootPanel.get().add(submitButton);

Das CSS sieht folgendermaßen 澳大利亚：

.gwt-Label{
    transition-property: opacity;
    transition-duration: 1s; 
}
.hidden{
    opacity:0;
}
4

1 回答 1

0

可能您必须在删除隐藏类之前添加一些延迟功能。

这里有示例（在 JS 中，但仅用于显示）：

http://jsfiddle.net/matku/PXnPZ/

$(".myElement").delay(50).queue( function(){
       $(this).removeClass("hidden");
});

我在谷歌上找到的另一种方式：

http://map-notes.blogspot.com/2012/11/fade-animation.html

于 2013-08-06T14:51:27.157 回答