【问题标题】:datepicker has no images for next and prevdatepicker 没有下一个和上一个的图像
【发布时间】:2013-12-21 10:56:19
【问题描述】:

我正在通过这些库使用日期选择器

js

http://code.jquery.com/jquery-1.9.1.js

http://code.jquery.com/ui/1.10.3/jquery-ui.js

css

http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

我得到了这个结果

查看nextprev 上没有图片

有什么帮助吗?

【问题讨论】:

  • 检查图片的 CSS 路径,并通过控制台查看浏览器正在查看的位置。
  • @j08691 我在谷歌浏览器中使用F12,它并没有告诉我有错误。另外,我应该在哪里看我的CSS?这是巨大的:)
  • 您实际上是链接到code.jquery.com 托管的jquery-ui.css,还是将其托管在您的服务器上?
  • @CWSpear 我将它们托管在我的服务器中

标签: jquery css datepicker jquery-ui-datepicker


【解决方案1】:

如果您查看jquery-ui.css 文件,您可以找到一些对图像的引用(我从搜索url( 开始)。这些引用指向images/ 中的文件,这意味着它正在相对于该CSS 文件的images 文件夹中查找文件。

您提到您将 CSS 托管在您的服务器上。例如,假设这是您的目录结构:

/
|__jquery-ui/
   |__smoothness/
      |__jquery-ui.css

您需要在smoothness 目录中创建一个images 文件夹,并将您下载的jQueryUI 应该附带的图像放在那里(如果您没有它们,请访问jQuery UI 的站点并重新下载它们)。

您的文件结构应该是这样的(需要注意的重要一点是images/ 目录与jquery-ui.css 在同一目录中):

/
|__jquery-ui/
   |__smoothness/
      |__jquery-ui.css
      |__images/
         |__ui-icons_222222_256x240.png
         |__ui-icons_888888_256x240.png
         |__etc...

或者,您可以直接链接到 CDN 上的 CSS 文件,例如 code.jquery.com,它会将所有图像放在正确的位置。你可以用这个替换你到 jQuery UI 的 CSS 的链接:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-11-10
    • 2011-05-09
    • 1970-01-01
    • 2011-10-20
    • 1970-01-01
    • 1970-01-01
    • 2018-07-22
    • 2011-04-03
    相关资源
    最近更新 更多