Иконки, отсутствующие в пользовательском интерфейсе jQuery

Я использую Модальную форму и Виджеты из 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 все еще не отображается. Где я ошибаюсь?

Я также хотел бы знать, как добавить функцию удаления виджетов?

Ответы

Ответ 2

Я разместил изображения в удобном zip файле: http://zlab.co.za/lib_help/jquery-ui.css.images.zip

Как файл readme.txt в zip файле читает: Поместите папку "images" в ту же папку, где находится ваш файл "jquery-ui.css".

Надеюсь, это поможет:)

Ответ 3

Да, у меня была такая же проблема, и это сводило меня с ума, потому что я не мог найти изображение.

Это может помочь вам...

  • Найдите в своих каталогах файл CSS jquery-ui.css
  • Откройте его и выполните поиск 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);

Надеюсь, что это поможет

Ответ 4

Они отсутствуют, путь неправильный. Его поиск в несуществующем каталоге img для файла, который находится в каталоге изображений.

Чтобы исправить либо отредактировать файл, объявляющий неправильный путь, либо как я сделал только программную ссылку, например

ln -s images img

Ответ 6

у вас есть обход, установив цвет фона вместо этого отсутствующего значка. Ниже приведены следующие шаги:

  • открыть соответствующий файл jquery-ui-x.-. x.css
  • искать недостающее имя файла в файле css (например: ui-bg_flat_75_ffffff_40x100.png)
  • Удалить/комментировать строку, вызывающую это фоновое изображение
  • вместо этого добавьте следующую строку, чтобы заменить цвет фона "background-color: #ffffff"

Это, вероятно, будет работать

Ответ 7

Я обнаружил, что значки не отображаются из-за различий в корпусе (т.е. в верхнем регистре и в нижнем регистре). Файл CSS использовал "FFFFFF", в то время как фактический файл использовал "ffffff". Значки отображаются для меня, как только я изменил случай, чтобы он соответствовал.

Ответ 8

Я видел в консоли, что всякий раз, когда я открываю свой datepicker, я получаю 404 Не найдена ошибка для этого файла изображения ui-bg_glass_75_e6e6e6_1x400.png

Я загрузил изображение из github и поместил его в свою локальную папку jquery-ui. Теперь проблема решена.

Другие файлы изображений, найденные здесь:

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

Ответ 9

Я встретил аналогичную ошибку после добавления компонента jQuery-ui-tooltip с помощью беседки. Он загружает только файлы js + css, поэтому мне пришлось вручную добавлять изображения.

Хорошим источником для поиска всех изображений (для всех стандартных тем) является CDN.