0

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

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

这里的jQuery代码：

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

HTML 代码：

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

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

谢谢。

4

2 回答 2

2

是的，使用gwtquery

介绍

GwtQuery 又名 GQuery 是一个用 GWT 编写的类似 jQuery 的 API，它允许 GWT 用于可能 GWT 小部件过于重量级的渐进增强场景。它还可用于查找和改进您的 GWT 小部件。

对于使用 jQuery 的人来说，GwtQuery 很容易学习，因为它们共享相同的 api，此外，gquery 还添加了一些不错的功能，例如类型安全的 css、编译时间优化等。

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

于 2012-08-22T15:15:29.520 回答
0

实际上，您可以使用 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);
       }
});

您只需确保在查询时将元素 9with ids 'agrandir' 和 'diminuer') 附加到 dom

于 2012-08-28T09:29:58.087 回答