web-dev-qa-db-fra.com

Icônes manquantes dans l'interface utilisateur de jQuery

J'utilise Forme modale et Widgets de jQuery, mais les icônes n'apparaissent pas. pour, par exemple, les icônes Cross (X) et Plus-Minus (+-).

Quand je charge la page, je et ces erreurs.

"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

J'ai donc téléchargé les images, les ai placées dans le chemin spécifié, mais ensuite le +- icons apparaît deux fois à l'extrême droite et de plus, seuls les widgets column1 sont réduits au minimum. L'icône Close X n'apparaît toujours pas. Où je vais mal?

Je voudrais aussi savoir comment ajouter des fonctionnalités de suppression de widgets?

jqueryjquery-ui
44
PythonEnthusiast

Il suffit de le télécharger et de l’enregistrer sur votre réseau.

Vous pouvez l'obtenir sous la forme ci-dessous.

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

référence: www.thedeveloperblog.com

36
BenW

J'ai mis les images dans un fichier Zip pratique: http://zlab.co.za/lib_help/jquery-ui.css.images.Zip

Le fichier readme.txt du fichier Zip se lit comme suit: Placez le dossier "images" dans le même dossier où se trouve votre fichier "jquery-ui.css".

J'espère que ça aide :)

28
Zuks

Oui, j'avais le même problème et ça me rendait folle parce que je ne pouvais pas trouver l'image. 

Cela peut vous aider ...

  1. Recherchez un fichier CSS dans vos répertoires appelé jquery-ui.css
  2. Ouvrez-le et recherchez ui-bg_flat_75_ffffff_40x100.png.

Vous verrez alors quelque chose comme ça ...

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

Et commentez l'arrière-plan et enregistrez le document CSS. Ou vous pouvez définir un chemin d'accès absolu à cette propriété d'arrière-plan et voir si cela fonctionne pour vous. (c'est-à-dire fond: #ffffff url (http://.../image.png);

J'espère que cela t'aides

11
klewis

J'ai également eu l'erreur image d'erreur dans JQUERY-UI. Vous pouvez télécharger des images depuis https://github.com/sehmaschine/Django-grappelli/tree/grappelli_2_4/grappelli/static/grappelli/jquery/ui/css/custom-theme/images

2
Ishwar Lal

Ils ne manquent pas, le chemin est mauvais. Il cherche dans un répertoire inexistant ' img ' un fichier qui se trouve dans un répertoire ' images '.

Pour corriger, éditez le fichier qui déclare le mauvais chemin ou créez un lien symbolique comme

ln -s images img
2
ekerner

J'ai vu dans la console que chaque fois que j'ouvre mon Datepicker que je reçois une erreur 404 Not found pour ce fichier image ui-bg_glass_75_e6e6e6_1x400.png

J'ai téléchargé la image de github et je l'ai mise dans mon dossier local sous le dossier jquery-ui. Maintenant, le problème est résolu.

Autres fichiers image trouvés ici: 

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

0
Lucky

J'ai trouvé que les icônes ne s'affichaient pas à cause d'une différence de boîtier (c.-à-d. Majuscules par rapport à minuscules). Le fichier CSS utilisait "FFFFFF" alors que le fichier lui-même utilisait "ffffff". Les icônes affichées pour moi une fois que j'ai changé le cas pour correspondre.

0
dra_red

  • Le chemin par défaut de l'image ui-icons_444444_256x240.png pour la classe .ui-icon est défini dans le fichier jquery-ui.css à /images/ui-icons_444444_256x240.png.

  • so, tout d'abord: vous devez vérifier l'emplacement du dossier images par rapport au fichier jquery-ui.css. Dans mon cas, alors que je suis déjà collé à ce problème, j'ai constaté que le fichier jquery-ui.css se trouvait dans un autre dossier appelé css et le fichier ui-icons_444444_256x240.png est dans le dossier images et les deux sont dans le même répertoire, donc

  • dans cette situation, le chemin dans le fichier jquery-ui.css est invalide, donc je devais le changer: /images/ui-icons_444444_256x240.png en: ../images /ui-icons_444444_256x240.png

Voici les modifications apportées à mon fichier jquery-ui.css:

  • Avant le changement:

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/images/ui-icons_444444_256x240.png");
}

  • Après le changement:

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/ui-icons_444444_256x240.png");
}

0
Mouhammed Elshaaer

Vous devez télécharger le jQueryUI, il contient les images dont vous avez besoin

entrez la description du lien ici

0
CrsCaballero

J'ai rencontré une erreur similaire après avoir ajouté le composant jQuery-ui-tooltip à l'aide de bower. Il télécharge uniquement les fichiers js + css, ce qui m'a obligé à ajouter des images manuellement.

Une bonne source pour trouver toutes les images (pour tous les thèmes standard) est this CDN .

0
Alexei

vous avez une solution de contournement en définissant la couleur d'arrière-plan au lieu de cette icône manquante. Voici les étapes à suivre:

  • ouvrir le fichier 'jquery-ui-x .-. x.css' pertinent
  • rechercher le nom de fichier manquant dans le fichier css (par exemple: ui-bg_flat_75_ffffff_40x100.png ") 
  • Supprimer/commenter la ligne qui appelle cette image de fond 
  • à la place, ajoutez la ligne suivante pour remplacer la couleur d'arrière-plan 'background-color: #ffffff'

Cela fonctionnera probablement

0
Anoj