jQuery日期选择器上一个和下一个按钮没有显示，如何指向css中的主题文件夹图像

jQuery datepicker prev and next buttons not showing, how to point at theme folder images in css

本文关键字：css 何指 图像 文件夹 上一个 选择器 日期 下一个 按钮 显示 jQuery      更新时间：2023-09-26

我已经使用jQuery ui日期选择器成功地将日历控件添加到我的文本框中，但上一个和下一个按钮不可见，尽管在单击时包含的标签可以正常工作

如何修改以显示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")"

确保jquery-ui.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;}

希望这对你有用。

这是因为您是任务ui-icons_444444_256x240.png映像。你可以从这里下载图片链接。

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

示例

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

我也遇到了同样的问题。我尝试更改jquery ui文件中的相对url，但图像仍然没有显示。相反，我不得不把指令放在我的site.css文件中。我的文件由BundleConfig.cs文件加载。

我把相对路径放在我的site.css文件和图像开始工作。

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../../Scripts/lib/jquery-ui/images/ui-icons_444444_256x240.png");
}

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

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

它现在运行得很好。

对于任何寻找最简单答案的人，

  1. 转到站点JQuery UI并下载具有默认设置的文件
  2. 提取文件
  3. 复制"images"文件夹，并将其放在jQueryui-css所在的同一文件夹中，这样可以解决问题

感谢古勒角，我只是简单地更新了文件夹结构更改后的程序（2019年5月）。

相关文章：