jquery - 日期选择器导航图标问题

标签 jquery css datepicker

在我发帖之前,我搜索了其他答案并确保图像文件夹在 cc 文件夹等中。 我仍然有一个问题,在我的日期选择器上,左右箭头不显示,而是两者都显示向上箭头!

当我在 Firefox 上的 Web Developer 中查看我的页面时,在检查器选项卡中,当我查看向左箭头时,我看到正确的图标文件被选中,如下所示 -

element {
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-widget-header .ui-icon {
    background-image: url('images/ui-icons_222222_256x240.png');
}

我的 css 声明是 -

 <link rel="stylesheet" href="css/jquery-ui-1.10.3.css" />
 <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.2.css" />
 <link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" />

我还缺少什么?

谢谢。

附言

阅读 Kamlesh 的回答后,我意识到我没有提供所有信息。所以我截取了显示日期选择器的 Inspector 的屏幕截图。

enter image description here

这是日期选择器的样子 - enter image description here

当点击它时 - enter image description here

再次感谢。

最佳答案

像这样尝试 .ui-widget-header .ui-icon { 背景图片:url('../images/ui-icons_222222_256x240.png'); }

还要确保图像文件夹中的图标可用。

关于jquery - 日期选择器导航图标问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23757201/

相关文章:

javascript - Chrome 上的 toggleSlide 问题 - 切割字母/不可见文本

javascript - 显示下拉列表中的元素 - JavaScript/HTML

jQuery/日期选择器 : set maximum date in terms of years

javascript - 不再支持用于完全可定制的 HTML Twitter 提要的 twitter_update_list 脚本?

css - 重用现有的 Dom 元素并让它们同时显示在多个部分

javascript - 使用日期选择器时如何在输入字段日期中,当按按键上的逗号替换为点时

javascript - datepicker valid() 函数检查日期是否有效

php - 使用 php、Jquery 的聊天应用程序

javascript - 在两个 div jQuery 之间切换隐藏/显示

javascript - 在视口(viewport)中可见对于加载的所有内容都返回可见