JQuery UI Elements的图像未显示
Cra*_* OR 7 css jquery jquery-ui
我在我的网站上使用了一个JQuery DatePicker元素.但是,我无法看到月顶两侧显示的小箭头.该区域是可点击的,我可以通过点击该区域浏览这些月份.但它实际上是空白的,没有看到箭头.
例如:'<'2013年7月'>'
我在JQuery Dialog Control的关闭按钮中遇到了类似的问题.在这里,关闭按钮图像,例如 - >'X',不会出现在右上角.但点击该区域会关闭对话框.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="styles/jquery-ui.css" />
<script language="javascript" type="text/javascript" src="js/jquery.js" ></script>
<script language="javascript" type="text/javascript" src="js/jquery-ui.js"></script>
</head>
这是包含文件的顺序.以下是我所指的链接.我已经使用此链接上发布的css文件进行下载.
http://jqueryui.com/datepicker/#default
请帮忙.
问题似乎是图像文件相对于CSS文件的位置.jQuery UI CSS工作表引用UI中使用的各种图像文件.您应该将所有文件保存在CSS文件夹中并从那里引用它们.虽然我发现你可以在必要时移动这些CSS文件夹.这是我使用多个jQuery UI主题的网站.
我的目录列表:
以下是我的代码中的参考:
我在ASP.NET编码,所以只是忽略内容占位符标签.
*还要保持谨慎... 当你使用jQuery的Custom Themeroller时,你在我的目录列表中看到的每个主题文件夹(例如,"dark-theme")都是在"CSS"文件夹中创建的子文件夹.如果您使用的是默认的jQuery库,我相信images文件夹和CSS文件直接位于"CSS"文件夹中.**
奖励信息: 使用jQuery Themeroller时,它们允许您使用"CSS范围"标记来使用多个主题.您可以通过在提供的文本框中键入所需的类名来使用此功能(类必须以句点为前缀,例如在jQuery选择器中).如果您使用多个主题,则只需调用一次jQuery,然后引用每个必需的CSS文件.这就是我在我的例子中所做的,也就是为什么它在完成时看起来可能比你的稍微复杂一些.
谢谢你们所有人的帮助,我找到了!
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
这是实现目的的图像路径.该文件与code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css相同.
我真的很高兴得到所有的帮助.再次感谢,@ j08691,@ Tim B James,@ Johnツ,@ Lopsided !! :)