代码之家 › 专栏 › 技术社区 › cometta

gwt是否可以使用jquery效果?

uibinder gwt jquery javascript java

cometta · 技术社区 · 15 年前

在我的gwt中,我有一个如下所示的按钮来创建新的小部件

 @UiHandler("buttonfire")
  void addNewWidget(ClickEvent event) {


     htmlPanelHolder.add(new MyCustomWidget(),"placeholder");

 }

如何使用jquery使MyCustomWidget()在屏幕上显示时使用jquery“fadein”效果

我已经试过将jsni放入新的MyCustomWidget()onload()中调用jquery,但没有成功。能给我指点迷津吗?

3 回复 | 直到 15 年前

Chris Lercher 15 年前

也可以在不使用jQuery的情况下创建淡入效果。如果你想这样做,只要写一个动画类如下:

public class FadeInAnimation extends Animation {
    private final UIObject uiObject;

    FadeInAnimation(final UIObject uiObject) {
      this.uiObject = uiObject;
    }

    @Override
    protected void onUpdate(final double progress) {
      uiObject.getElement().getStyle().setOpacity(progress);
    }
}

然后您可以在任何小部件上使用它:

new FadeInAnimation(myWidget).run(5000);

注: 对…的呼唤 getStyle().setOpacity(..) 甚至处理特殊情况IE6/7 style.filter = 'alpha(opacity=' + (value * 100) + ')';

Carlos Tasada 15 年前

您还可以尝试使用GQuery库: http://code.google.com/p/gwtquery/

jdramaix 15 年前

使用 fadeIn effect of GwtQuery

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前