7

我在我的网站上使用了一个 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

请帮忙。

4

2 回答 2

7

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

我的目录列表：

在此处输入图像描述

以下是我的代码中的引用：

在此处输入图像描述

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

*还请记住...您在我的目录列表中看到的每个主题文件夹（例如，“dark-theme”）都是在使用jQuery 的 Custom Themeroller 时在“CSS”文件夹中创建的子文件夹。如果您使用的是默认的 jQuery 库，我相信图像文件夹和 CSS 文件直接位于“CSS”文件夹中。**

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

于 2013-07-03T14:14:35.977 回答
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 ツ、@Lopside！:)

于 2013-07-03T14:24:24.793 回答