jquery-ui – prev / next图标没有显示在定制的jquery datepicker主题中

前端之家收集整理的这篇文章主要介绍了jquery-ui – prev / next图标没有显示在定制的jquery datepicker主题中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的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); }

修改了路径,以确保它指向文件.不知道我失踪了

任何帮助将不胜感激.

谢谢.

解决方法

你确定你的路径正确指向(AKA,你看到你的网站其他地方的jQuery UI图标)?这是我会检查的第一件事,特别是因为你修改了路径.你可能会不经意地把东西搞砸了.

更新

我想你需要修复路径 – 我不认为它们是正确的.从我看到的,它们必须是相对于你的.custom.css文件.所以,例如,我的jquery-ui-1.8.9.custom.css文件存在于我的Content文件夹中.我的状态和图像是这样引用的:

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

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

猜你在找的jQuery相关文章