Icônes manquantes dans l’interface utilisateur jQuery

J’utilise le formulaire modal et les widgets de jQuery, mais les icons n’apparaissent pas. pour par exemple les icons Cross (X) et Plus-Minus (+-) .

Lorsque je charge la page I 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 mises dans le chemin spécifié, mais les +- icons apparaissent deux fois à l’extrême droite et seuls les widgets column1 sont minimisés. L’icône Close X n’apparaît toujours pas. Où je me trompe?

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

Téléchargez-le et enregistrez-le dans votre emplacement réseau.

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

http://soffr.miximages.com/jquery/downloads&can=2&q=

référence: http://www.thedeveloperblog.com

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

Comme le fichier readme.txt dans le fichier zip lit: Placez le dossier “images” dans le même dossier que votre fichier “jquery-ui.css”.

J’espère que ça aide 🙂

Oui, j’ai eu le même problème et ça m’a rendu fou 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 absolu vers cette propriété d’arrière-plan et voir si cela fonctionne pour vous. (ie background: #ffffff url ( http://.../image.png );

J’espère que cela t’aides

Ils ne manquent pas, le chemin est mauvais. Son recherche dans un répertoire inexistant ” img ” pour un fichier qui est dans les ” images “.

Pour corriger soit éditer le fichier qui déclare le mauvais chemin ou comme je viens de faire un softlink comme

 ln -s images img 

J’ai aussi une image d’erreur manquante 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

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

  • ouvrir le fichier pertinent ‘jquery-ui-x .-. x.css’
  • recherchez 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 d’arrière-plan
  • à la place, ajoutez la ligne suivante pour remplacer la couleur d’arrière-plan ‘background-color: #ffffff’

Cela fonctionnera probablement

J’ai constaté que les icons ne s’affichaient pas en raison d’une différence dans le boîtier (c.-à-d. En majuscule ou en minuscule). Le fichier CSS utilisait “FFFFFF” alors que le fichier utilisait “ffffff”. Les icons affichées pour moi une fois que j’ai changé le cas pour correspondre.

J’ai vu dans la console que chaque fois que j’ouvre mon datepicker que je reçois 404 Erreur non trouvée pour ce fichier image ui-bg_glass_75_e6e6e6_1x400.png

J’ai téléchargé l’ image depuis github et l’ai placée dans mon dossier local sous 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/thèmes/base/images

J’ai rencontré une erreur similaire après avoir ajouté le composant jQuery-ui-tooltip à l’aide de bower. Il ne télécharge que les fichiers js + css, donc j’ai dû append manuellement des images.

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

Vous avez besoin de débloquer le jQueryUI, cela contient des images dont vous avez besoin

entrez la description du lien ici

  • 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 .

  • donc, premièrement, vous devez vérifier l’emplacement du dossier images par rapport au fichier jquery-ui.css . Dans mon cas, comme je suis déjà coincé avec ce problème, j’ai trouvé que le fichier jquery-ui.css se trouve dans un autre dossier appelé css et que le ui-icons_444444_256x240.png se trouve dans les images du dossier. même répertoire, donc

  • Dans cette situation, le chemin dans le fichier jquery-ui.css n’est pas valide, je devais donc le changer de /images/ui-icons_444444_256x240.png à: ../images/ui-icons_444444_256x240.png

Voici les modifications que j’avais dans mon fichier jquery-ui.css :

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