9
votes

Pourquoi la popup JGrowl n'a pas l'air comme prévu?

J'ai reçu cette notification de jGRALOW sur mon site, lorsque la boîte de notifications que son apparition de jGrouche apparaisse ne semble pas bien stylé.

Voici comment j'appelle des fichiers jgrowl xxx

Ceci est la boîte de notification

text alt http://hinuts.com/jgradh .look.png


4 commentaires

Désolé Voici comment j'appelle des fichiers jgrowl


utilisez-vous Blueprint.css par hasard?


non, tout simplement jgrawl ... j'ai vérifié les fichiers et les chemins même surchargé les fichiers 3 fois, toujours le même résultat


J'ai eu le même problème. J'utilisais Jquery-Ui afin. J'ai trouvé une solution dans cette autre fois la réponse: Stackoverflow.com/Questtions/3347413/...


4 Réponses :


0
votes

Utilisez Firebug pour vérifier le CSS appliqué à la boîte popup. Une partie du CSS est multipliée par CSS que vous avez écrit vous-même.


1 commentaires

son appliqué. Mais il ne pouvait toujours pas comprendre pourquoi ce n'est pas coiffé comme prévu!



0
votes

Je pense que jQuery-ui-1.7.2.custom.css ajoute des classes de coiffage à votre objet de notification jGRAML. Je ne suis pas génial de déboguer CSS alors je n'ai pas compris comment le réparer. Essayez de commenter le lien JQuery-Ui-1.7.2.Custom.css et voir si cela fait ressembler à votre notification en jGROWL.


3 commentaires

Ok, je pense que je l'ai compris. Aller dans jquery.jgrad.js. Recherchez UI-State-Slight. C'est l'une des classes définies sur la notification. Je crois que c'est pour "thème roulant". Si vous voulez simplement pirater le fichier jQuery.jgriewl.js, supprimez la classe UI-State-Stright et la notification de jGROWL aura le fond noir comme vous vous attendez.


Ce n'est pas même inclus, il s'agit de ma notification de jGRowl actuelle hinuts.com/sd.png


On dirait qu'il se rapproche. Essayez de regarder dans jquery.jgrowl.js pour toutes les instances de l'UI-State-Snights. Essayez de les supprimer tous.



1
votes

En Firebug ou dans votre fichier CSS, ajoutez! Déclarations importantes (Ex. Couleur d'arrière-plan: rouge! Important; ) et voyez si vos styles sont appliqués correctement. Si tel est le cas, vos règles sont remplacées par celles avec un Spécificité supérieure (ou des règles appliquées après la vôtre avec une spécificité égale).

EDIT : J'ai créé une page de test de jGROWL et ses notifications affichées correctement. Essayez de commenter toutes les autres feuilles de style dans votre tête et voyez si le problème persiste. En outre, assurez-vous que les fichiers sont spécifiés dans les répertoires. (Le ./ est redondant et non nécessaire: . indique le répertoire actuel, ce qui référencier ./ dossier / test.js est identique à celui que juste dossier / test.js ) xxx


2 commentaires

Je l'ai essayé de remplacer avec la couleur rouge, mais les classes d'en-tête et de messages sont toujours dans différentes couleurs Hinuts.com/sd. Png vérifier le coup


Jetez un coup d'œil à mon ajout au post ci-dessus.



25
votes

Les conteneurs de jGROWL auront leur style affecté si vous référencez la feuille de style JQuery Ui sur la même page que J growle. à partir de jgrawl version 1.2.2 Tous les conteneurs de jGROWL sont décorés avec la classe CSS "u- Somme-sur-fort ", qui ajoute un fond, une bordure et une couleur de police à la définition de style.

div.jGrowl > .ui-state-highlight {
    background: inherit;
    color: inherit;
    border: inherit;
}


2 commentaires

Merci, Nathan. Votre réponse m'a beaucoup aidé à comprendre tout ce que j'ai été perdu dans le monde du CSS .. :)


Nathan, tu vas rock. J'essayais toutes sortes de choses à apprivoiser, contourner ou enlever les affaires de l'utérité. Votre réponse était une vie pour moi. J'apprécie grandement votre solution solide!