2016-10-06 2 views
1

J'utilise notify.js plugin pour afficher une notification sur mon site Web. Selon la documentation, il est indiqué que la notification sera affichée par défaut dans le coin supérieur droit. Par défaut, la notification s'affichera dans l'angle supérieur droit de l'écran. D'une manière ou d'une autre, la notification est affichée en bas. Lorsque vous passez le code dans notify.js, il ajoute l'élément div à la fin du corps. Donc, je l'ai changé pour préfixer mais la notification est toujours affichée en bas.Avertissez Js affichant la notification en bas

anchor.css(css).addClass(pluginClassName + "-corner"); 
$("body").append(anchor); 

Une raison pour laquelle cela se produit? Des pointeurs où je devrais déboguer? Le code que je utilise pour informer est:

$.notify("Name cannot be empty!","error"); 
+0

Jetez un oeil aux classes css des conteneurs notify.js. Vous pouvez remplacer une propriété comme 'position: absolute;' par 'position: relative;' – fernandosavio

Répondre

1

En ce que je pouvais voir, lorsque le plug-in est instancié un élément DOM est ajouté au corps:

<div class="notifyjs-corner" style="top: 0px; right: 0px;"></div> 

Toutes les notifications sont créées à l'intérieur Élément DOM.

La définition originale de la règle notifyjs coin est:

.notifyjs-corner { 
    position: fixed; 
    margin: 5px; 
    z-index: 1050; 
} 

Vous devriez vérifier si par hasard, vous écrasez la règle CSS. Essayez de trouver et d'inspecter cet élément DOM.

1

L'approche suivante en redéfinissant la configuration par défaut de la page:

$.notify.defaults({globalPosition: 'top left'}) 

peut aider dans ce cas.