57

我正在使用来自 jQuery 的模态表单和小部件，但图标没有出现。例如Cross (X)和Plus-Minus (+-)图标。

当我加载页面时，我遇到了这些错误。

"NetworkError: 404 NOT FOUND - http://127.0.0.1:8000/static/css/images/ui-bg_flat_75_ffffff_40x100.png"
ui-bg_...100.png

"NetworkError: 404 NOT FOUND - http://127.0.0.1:8000/static/css/images/ui-icons_222222_256x240.png"
ui-ico...240.png

"NetworkError: 404 NOT FOUND - http://127.0.0.1:8000/static/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png"
ui-bg_...100.png

因此，我下载了图像，将其放入指定的路径，但随后+- icons在最右侧出现两次，而且只有 column1 小部件被最小化。Close X图标仍未出现。我哪里错了？

我还想知道如何添加删除小部件功能？

4

11 回答 11

43

只需下载它并保存在您的网络位置。

你可以从下面得到它。

https://code.google.com/p/vallalarblogs/downloads/detail?name=ui-bg_flat_75_ffffff_40x100.png&can=2&q=

参考：www.thedeveloperblog.com

于 2015-11-17T02:53:03.890 回答
35

我已将图像放在一个方便的 zip 文件中：http: //zlab.co.za/lib_help/jquery-ui.css.images.zip

正如 zip 文件中的 readme.txt 文件所显示的那样：将“images”文件夹放在“j​​query-ui.css”文件所在的同一文件夹中。

我希望这有帮助 ：）

于 2015-09-27T09:22:29.147 回答
13

是的，我遇到了同样的问题，这让我发疯了，因为我找不到图像。

这可能会帮助你...

  1. 在您的目录中查找名为 jquery-ui.css 的 CSS 文件
  2. 打开它并搜索 ui-bg_flat_75_ffffff_40x100.png。

然后你会看到这样的东西......

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

并注释掉背景并保存 CSS 文档。或者您可以设置该背景属性的绝对路径，看看是否适合您。（即背景：#ffffff url( http://.../image.png)；

希望这可以帮助

于 2014-03-21T15:15:11.343 回答
5

我还在 JQUERY-UI 中丢失了错误图像。您可以从https://github.com/sehmaschine/django-grappelli/tree/grappelli_2_4/grappelli/static/grappelli/jquery/ui/css/custom-theme/images下载图像

于 2016-09-11T09:59:59.513 回答
2

他们没有失踪，路径是错误的。它在不存在的目录“ img ”中查找目录“ images ”中的文件。

要修复要么编辑声明错误路径的文件，要么像我所做的那样创建一个软链接

ln -s images img
于 2014-09-23T21:02:25.177 回答
1

拥有正确的 CSS 和 JS 库会有所帮助，这为我解决了

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
于 2020-04-22T09:13:31.547 回答
0

在使用 bower 添加 jQuery-ui-tooltip 组件后，我遇到了类似的错误。它只下载 js + css 文件，所以我不得不手动添加图像。

此CDN是查找所有图像（适用于所有标准主题）的好来源。

于 2017-02-20T16:08:22.313 回答
0

您可以通过设置背景颜色而不是这个丢失的图标来解决问题。以下是要遵循的步骤：

  • 打开相关的 'jquery-ui-x.-.x.css' 文件
  • 在 css 文件中搜索丢失的文件名（例如：ui-bg_flat_75_ffffff_40x100.png"）
  • 删除/注释调用此背景图像的行
  • 而是添加以下行来替换背景颜色 'background-color: #ffffff'

这可能会奏效

于 2016-04-26T15:49:28.140 回答
0

您需要下载 jQueryUI，其中包含您需要的图像

在此处输入链接描述

于 2017-08-29T15:39:53.930 回答
0

我发现由于大小写不同（即大写与小写），图标未显示。CSS 文件使用的是“FFFFFF”，而实际文件使用的是“ffffff”。一旦我将案例更改为匹配，就会为我显示图标。

于 2016-05-26T14:04:43.113 回答
0

我在控制台中看到，每当我打开我的日期选择器时，我都会收到 404 Not found error for this image fileui-bg_glass_75_e6e6e6_1x400.png

我从 github下载了图像并将其放在我的本地jquery-ui文件夹中。现在问题解决了。

在此处找到的其他图像文件：

https://github.com/julienw/jquery-trap-input/tree/master/lib/jquery/themes/base/images

于 2016-08-24T13:13:13.360 回答