jQuery datepicker prev和next按钮没有显示,如何指向css中的主题文件夹图像

Question

我已经使用jQuery ui datepicker成功地将日历控件添加到我的文本框中,但是虽然包含标签在单击时功能正常,但前一个和下一个按钮不可见

我如何修改它以显示http://jqueryui.com/datepicker/上显示的图标,当这些图像在我的网页包中找到..\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);
}

我是否需要以类似于如何在c#代码中调用图像的方式调用css中的图像？如:

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

Answer 1

确保您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文件.