0

HTMLページの本文コンテンツのフォントサイズを増減するスクリプトが1つあります。

同じことをしたいのですが、GWTJavaプロジェクトで行います。

ここに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 ウィジェットを見つけて改善するためにも使用できます。

GwtQuery は、同じ API を共有しているため、jQuery を使用している人にとって簡単に習得できます。さらに、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);
       }
});

ID が 'agrandir' および 'diminuer' である要素 9) が dom に関連付けられていることを確認する必要があります。

于 2012-08-28T09:29:58.087 に答える