Question

我在我的网站上使用了JQuery DatePicker元素。但是，我无法看到月顶两侧显示的小箭头。该区域是可点击的＆amp;我可以点击该区域浏览这几个月。但它实际上是空白的没看到箭头。

例如：'＆lt;' 2013年7月'＆gt;'

我在JQuery Dialog Control的关闭按钮中遇到了类似的问题。这里，关闭按钮图像，如 - ＆gt; '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

请帮忙。

Answer 1

问题似乎是图像文件相对于CSS文件的位置。 jQuery UI CSS工作表引用UI中使用的各种图像文件。您应该将所有文件保存在CSS文件夹中并从那里引用它们。虽然我发现你可以在必要时移动这些CSS文件夹。这是我使用多个jQuery UI主题的网站。

我的目录列表：

enter image description here

以下是我的代码中的参考资料：

enter image description here

我在ASP.NET编码，所以只需忽略内容占位符标签。

*还要保持谨慎...... 您在我的目录列表中看到的每个主题文件夹（例如，“dark-theme”）是使用jQuery's Custom Themeroller时在“CSS”文件夹中创建的子文件夹。如果您使用的是默认的jQuery库，我相信images文件夹和CSS文件直接位于“CSS”文件夹中。**

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

Answer 2

感谢各位帮忙，我找到了！

.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 !! :)

JQuery UI Elements的图像未显示

2 个答案: