22

jQuery ui datepicker を使用してカレンダー コントロールをテキスト ボックスに正常に追加しましたが、クリックすると含まれているタグが機能するにもかかわらず、前のボタンと次のボタンが表示されません。

以下に示す場所ではなく、..\Content\theme\base\images の Web パッケージ内でこれらの画像が見つかったときに、 http://jqueryui.com/datepicker/に表示されるアイコンを表示するようにこれを変更するにはどうすればよいですか

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

c# コード内から画像を呼び出す方法と同様の方法で、css 内で画像を呼び出す必要がありますか? 次のように:

"@Url.Content("~/Content/theme/base/images/ui-icons_222222_256x240.png")"
4

6 に答える 6

42

jquery-ui.min.cssが画像の正しいファイルを指していることを確認してください。アイコンを読み込もうとすると、コンソールにエラーが表示されます。

たとえば、これが CSS ファイルの場所である場合http://example.com/css/jquery-ui.min.css、アイコン ファイルは にあるはずですhttp://example.com/css/images/ui-icons_222222_256x240.png。CSS ファイル内のリンクは、それをロードする HTML ファイルではなく、CSS ファイルに関連しています。

于 2013-08-24T19:24:13.983 に答える
3

あなたはほとんどそこにいます。

URL を変更し、行末に「!important」を追加してください。

これにより、任意の画像を追加できます。

    .ui-widget-content .ui-icon {
    background-image: url("../../images/ui-icons_222222_256x240.png")      
    !important;}
    .ui-widget-header .ui-icon {
    background-image: url("../../images/ui-icons_222222_256x240.png")   
    !important;}

これがうまくいくことを願っています。

于 2016-10-09T08:15:55.853 に答える
0

最も単純な答えを探している人にとっては、

  1. サイトのJQuery UIに移動し、デフォルト設定でファイルをダウンロードします。
  2. ファイルを抽出します。
  3. 「images」フォルダーをコピーし、jQuery ui css が存在する同じフォルダー内のプロジェクトに配置すると、問題が解決されます。

Gullele 's Corner の功績によると、フォルダー構造の変更 (2019 年 5 月) 以来、手順を更新しただけです。

于 2019-05-02T17:25:25.673 に答える