1

私は Google Web Toolkit を初めて使用し、jquery-ui と組み合わせて ClientBundle を使用しようとしています。以下に示すプロジェクト構造があります。

プロジェクトの構造

次のようなリソース インターフェイスを定義します。

リソース インターフェイス

次のように jquery と css を挿入します。

注入する

これで、CSS および JQuery スクリプトが正常に挿入されます。しかし、アプリケーションを起動すると、css のパスが誤って解釈されます。たとえば、次の css 行:

background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;

失敗します。以下に例を示します。

エラー

ご覧のとおり、GWT は画像フォルダーが最上位フォルダーであると想定しているようですが、明らかにこれは私が望んでいるものではありません。イメージは単純に /war の下に置くべきですか、それともクライアント バンドルにも含める必要がありますか? または何が起こっているのか。

4

3 に答える 3

1

すべての JQuery イメージ ファイルを、*.gwt.xml と同じディレクトリ内のディレクトリ public に配置します。(または、XML に次の行を追加できます。

<public path="resources/jquery-ui-1.10.3/css/ui-lightness/" />

これらのファイルはすべて gwt js コンパイル済みファイルにコピーされ、css はイメージを正常に参照します。

GWT の JQuery UI へのラッパーもあります: https://code.google.com/p/gwtquery-ui/このプロジェクトは、Jquery フレームワークの GWT で完全に書き直されたgwtQuery の代わりに JS ファイルをインポートするだけです。 .

于 2013-09-20T08:13:05.803 に答える