prev/next图标未显示在自定义的jquery datepicker主题中

Question

我在我的VS2010项目中实现了jQuery DatePicker,它可以解决一个小问题.当我实现一个自定义主题时,我丢失了我的上一个和下一个图标(为了移动几个月).

这是图像:

以下是jquery库引用:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript" src="~/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="~/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="~/lightbox/js/lightbox.js"></script>
<link type="text/css" rel="stylesheet" href="~/lightbox/css/lightbox.css" media="screen" />
<link type="text/css" rel="Stylesheet" href="~/Scripts/jquery-ui-1.8.9.custom.css" />

这是我在jquery-ui-1.8.9-custom.css中的图像引用

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(~/images/jquery/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(~/images/jquery/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(~/images/jquery/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(~/images/jquery/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(~/images/jquery/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(~/images/jquery/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(~/images/jquery/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(~/images/jquery/ui-icons_cd0a0a_256x240.png); }

我修改了路径以确保它指向文件.不知道我错过了什么.

任何帮助将不胜感激.

谢谢.

Answer 1

您确定您的路径指向正确(AKA,您是否在网站的其他位置看到了jQuery UI图标)？这是我要检查的第一件事......特别是因为你修改了路径.你可能无意中搞砸了什么.

更新

我认为你需要修复你的路径 - 我认为它们没有正确指向.从我看来,它们必须与.custom.css文件相关.因此,例如,我的内容文件夹中存在我的jquery-ui-1.8.9.custom.css文件.我的状态和图像引用如下:

.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_cccccc_256x240.png); }

因此,我必须将图像文件夹放在与jquery-ui-1.8.9.custom.css相同的级别,并将所有图像放在该文件夹中.试试看,看看它是否能解决你的问题.