Jquery datepicker prev和下一个图标没有显示

Question

我已将jquery datepicker合并到我的应用程序中,但无论我选择哪个主题,prev/next图标都不会显示.我也使用了不同版本的jquery-ui.js.我曾尝试过几个我之前看过的项目 - 使用'hideIfNoPrevNext'或

 $( ".date" ).datepicker( "option", "changeMonth", true );

我找不到的一个建议是'image'文件夹所在的位置.我查看了jquery-ui.js和theme.css.

在我的代码中,我按以下顺序引用文件:

 <link href="js/ui_1.10.4_themes_smoothness_jquery-ui.css" rel="stylesheet" type="text/css" />
 <script src="js/jquery-1.10.js" type="text/javascript"></script>
 <script src="js/jquery_ui_1.11.4_jquery-ui.js" type="text/javascript"></script>

并在主题中将图标引用为:

.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);
}
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

Answer 1

下载jQuery-UI时,您应该获得一个zip文件,其中包含您要查找的images文件夹.这些将需要包含在您的项目中,以便正确显示图标.包括这些取决于您用于提供文件的Web服务器的类型.