我在我的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相同的级别,并将所有图像放在该文件夹中.尝试一下,看看它是否为您解决问题.