Javascript jQuery datepicker prev和next按钮未显示，如何在css中指向主题文件夹图像

我已经使用jQueryUIDatePicker成功地将日历控件添加到我的文本框中，但是“上一步”和“下一步”按钮不可见，尽管单击时包含的标记在功能上起作用

当这些图像位于..\Content\theme\base\images而不是下面所示的位置时，如何修改此选项以显示上显示的图标

.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);
}

我是否需要在css中调用图像，就像在我的c#代码中调用图像一样？例如：

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

---

确保您的

jqueryui.min.css

指向图像的正确文件。当您尝试加载图标时，控制台应显示错误

例如，如果这是CSS文件的位置：

http://example.com/css/jquery-ui.min.css

，则图标文件应位于

http://example.com/css/images/ui-icons_222222_256x240.png

。CSS文件中的链接是相对于CSS文件的，而不是加载它的HTML文件。

您就快到了

只需确保更改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;}

---

希望这对您有用。

我从错误消息中注意到站点正在查找：

http://site/Content/images/image.png

我不太清楚为什么，正如穆塞曼的回答：

CSS文件中的链接是相对于CSS文件的，而不是加载它的HTML文件

似乎该链接是相对于

site.css

（包含在

Content

中）而不是

Jquery ui.mincss

，因此它显然找不到png

将

JQuery ui.min.css中的路径更改为

themes/base/images/image.png

这是因为你是任务
ui-icons\u444444\u256x240.png
image。您可以从这里下载该图像

现在创建一个名为-
images
的文件夹，并将该文件夹图像添加到该文件夹中

范例

http://example.com/css/jquery-ui.min.css
http://example.com/css/images/ui-icons_444444_256x240.png

对于任何想找到最简单答案的人

转到该站点并下载具有默认设置的文件
解压缩文件
复制“images”文件夹，并将其放在jQueryUICSS所在的同一文件夹中，这将解决问题
由于，我只是简单地更新了程序，因为文件夹结构发生了变化（2019年5月）。
我也遇到了同样的问题。我尝试更改jquery ui文件中的相对URL，但图像仍然没有显示。相反，我必须将指令放在我的site.css文件中。我的文件由BundleConfig.cs文件加载

我把相对路径放在site.css文件中，图像开始工作


.ui图标，
.ui小部件内容.ui图标{
背景图像：url（“../../Scripts/lib/jquery ui/images/ui-icons_444444 256x240.png”）；
}
请在此处发布您的代码。链接到jqueryui.com上的工作演示，我们根本不知道你的代码为什么不工作。编辑了更多细节我编辑了原始文章的更多细节。我如何指向我与~Content/theme/base/images一起拥有的正确图像谢谢！我犯了同样的错误！在css的文件夹中创建一个名为images的文件夹，并包含以下图标的图像：