Question

我有一个脚本可以减少和增加HTML页面中正文内容的字体大小。

我想在GWT java项目中做同样的事情。

这里是jQuery代码：

            $('#agrandir').click(function () {
                    $('body').stop().animate({fontSize: '+=1px'},300);
            });
            $('#diminuer').click(function () {
                    $('body').stop().animate({fontSize: '-=1px'},300);
            });

HTML code：

      <button id="diminuer">-</button>&nbsp;<button id="agrandir">+</button><br/>

你知道在GWT中是否可以做同样的事情？

感谢。

Answer 1

是的，gwtquery

<强>简介

GwtQuery a.k.a. GQuery是一个类似jQuery的API，用GWT编写   允许GWT用于渐进增强场景   也许GWT小部件太重了。它也可以用来查找   并改进你的GWT小部件。

对于那些使用jQuery的人来说，GwtQuery很容易学习   同样的api，aditionally gquery增加了类型安全的css，   编译时优化等。

目前，几乎所有的jQuery API都是编写的，并且所有的CSS3选择器都是如此   应该得到支持。如果您发现任何不受支持的内容   已经实施，请打开一个问题。

Answer 2

实际上，您可以使用GwtQuery

在GWT中移植任何jquery代码

import static com.google.gwt.query.client.GQuery.$;
import static com.google.gwt.query.client.GQuery.body;
//...

$("#agrandir").click(new Function () {
      public void f(){
          $(body).stop().animate("{fontSize: '+=1px'}",300);
       }
});
$("#diminuer").click(new Function () {
      public void f(){
           $(body).stop().animate("{fontSize: '-=1px'}",300);
       }
});

当你查询它时，你必须确保将带有'agidir'和'diminuer'的元素9附加到dom

jQuery to GET - 在整个页面中增加和减少字体大小

2 个答案: