2013-07-03 43 views
7

我在我的网站上使用了JQuery DatePicker元素。但是,我无法看到本月两侧显示的小箭头。该地区是可点击的&我可以通过点击该区域浏览月份。但其实际空白&没有看到箭头。JQuery UI Elements'图像未显示

如: '<' 7月2013 '>'

我在JQuery的对话框控制的关闭按钮encounterd类似的问题。在这里,关闭按钮图像,像 - >'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

请帮忙。

+2

你在CSS文件中检查你的精灵的路径吗? – j08691

+0

你是否包含了css文件? –

+0

我已经包含了css文件。我也检查了一样。但我无法找到它。我搜索了所有的'datepicker'字符串,但没有任何关于路径的说法。 –

回答

5

谢谢你们的帮助,我发现它!

.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ツ,@失败! :)

7

问题似乎是图像文件相对于CSS文件的位置。 jQuery UI CSS工作表引用用户界面中使用的各种图像文件。你应该保留CSS文件夹内的所有文件并从那里引用它们。尽管我发现你可以根据需要移动这些CSS文件夹。这里是我使用多个jQuery UI主题的网站。


我的目录列表:


enter image description here


这里是从我的代码引用:


enter image description here


我编码ASP.NET所以才忽略了内容的占位符的标签。

*也请记住... 你在我的目录列表(例如,“黑暗的主题”)看到每个主题文件夹为“CSS”文件夹中创建当您使用jQuery's Custom Themeroller子文件夹。如果您使用的是默认的jQuery库,我相信images文件夹和CSS文件直接位于“CSS”文件夹**

BONUS信息: 当使用jQuery Themeroller,它们允许你使用多个主题通过使用他们的“CSS范围”标签。您可以通过在提供的文本框中键入所需的类名称来使用此功能(类必须以句点为前缀,例如在jQuery选择器中)。如果您使用多个主题,则只需调用一次jQuery,然后引用每个必需的CSS文件。这就是我在我的例子中所做的,也就是为什么它在完成时可能比你的看起来稍微复杂一些。