2013-05-20 2 views
0

quand je l'utilise cela, il fonctionne parfaitement,Growl fonctionne pas moyen facile, mais dure, BlockUI

$.growlUI('Growl Notification', 'Have a nice day!'); 

mais quand je remplacerai avec cela, (il ne fonctionne pas)

$.blockUI({ 
    message: $('div.growlUI'), 
    fadeIn: 700, 
    fadeOut: 700, 
    timeout: 2000, 
    showOverlay: false, 
    centerY: false, 
    css: { 
     width: '350px', 
     top: '10px', 
     left: '', 
     right: '10px', 
     border: 'none', 
     padding: '5px', 
     backgroundColor: '#000', 
      '-webkit-border-radius': '10px', 
      '-moz-border-radius': '10px', 
     opacity: .6, 
     color: '#fff' 
    } 
}); 

raison pour laquelle j'essaie de manière difficile est parce que je veux changer la couleur de grognement, puis-je ajouter css à $.growlUI(' de toute façon?

aussi si je peux ajouter à fadeIn: 700, uigrowl

http://www.malsup.com/jquery/block/#demos

+0

Pas assez d'informations. Créer jsfiddle afin que nous puissions vérifier ce qui ne va pas. –

+1

@IgorS. Quoi d'autre informations dont vous avez besoin? et JSfiddle ne supporte pas blockUI, vous pourriez avoir besoin de faire quelques lectures, avant de mettre un commentaire inutile, merci – Mathematics

+0

Si c'est le travail sur le site Web, vous probablement manquer quelque chose. jsfiddle est un rappel poli, vérifiez votre code avant de poster des questions inutiles. –

Répondre

1

Le code affiché fonctionne très bien, je suis sûr que vous avez juste oublié d'ajouter le contenu du $ (« div.growlUI ») sélecteur.

Voici un exemple de travail: http://jsfiddle.net/xcT4L/

Je viens d'ajouter

<div class="growlUI" style="display: none"> 
    <p>Hello world!</p> 
</div> 

dans la page HTML.

+0

Je pensais que growlUI est déjà défini par blockUI, merci – Mathematics

1

Je sais que c'est une vieille question, mais vous pouvez aussi simplement remplacer $.blockUI.defaults.growlCSS pour fournir vos propres styles.

Si vous voulez $.blockUI propriétés comme fadeIn, vous pouvez modifier la définition $.growlUI dans jquery.blockUI.js passer dans un objet opts, vous pouvez définir les propriétés que vous voulez là.

Voici un violon pour démontrer ceci: http://jsfiddle.net/hM3KX/2/