我在我的网站上使用了
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主题的网站.
我的目录列表:
以下是我的代码中的参考:
*还要保持心情……
您在我的目录列表中看到的每个主题文件夹(例如,“dark-theme”)是使用jQuery’s Custom Themeroller时在“CSS”文件夹中创建的子文件夹.如果您使用的是默认的jQuery库,我相信images文件夹和CSS文件直接位于“CSS”文件夹中.**
奖金信息:
使用jQuery Themeroller时,它们允许您使用“CSS范围”标记来使用多个主题.您可以通过在提供的文本框中键入所需的类名来使用此功能(类必须以句点为前缀,例如在jQuery选择器中).如果您使用多个主题,则只需调用一次jQuery,然后引用每个必需的CSS文件.这就是我在我的例子中所做的,也就是为什么它在完成时看起来可能比你的稍微复杂一些.