0

私のページに jQuery UI ダイアログがあります。右上隅の「X」は、次の小さな CSS によって可能になります。

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}

問題は、それが機能しないことです。次のように先頭にスラッシュを追加した場合にのみ機能します。

.ui-widget-header .ui-icon {
  background-image: url(/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}

jQuery UI ファイルでこの変更を行うことができることはわかっていますが、それは正しくないようです。ハッキリしているように思えますが、新しいバージョンの jQuery UI にアップグレードすると、すべての変更が吹き飛ばされてしまいます。

jQuery UI 画像を機能させるにはどうすればよいですか? ここで Symfony2 を使用しているという事実が問題になるかどうかはわかりませんが、念のため言及しておきます。

4

2 に答える 2

0

ファイルが適切な場所にあれば動作するはずです。 This other SO Questionには、スタイルシート内の相対 URL が、含まれているドキュメントではなく、スタイルシート自体に対してどのように相対的であるかを示す多くの参照があります。

したがって、jQuery UI のダウンロードを分割してアセットを移動しない限り、相対 URL で問題なく動作するはずです。

于 2012-04-30T19:57:42.433 に答える
0

私も同じ問題を抱えていました。問題は、インデックス ファイル内の CSS ファイルの名前でした。最初に jquery-ui-1.10.1.custom.css を用意しました。jquery-ui-1.10.1.custom.min.css に変更すると、うまくいきました。

于 2013-02-25T09:43:16.737 に答える