2010-02-18 4 views
11

Wenn in jgrowl.css wird die Position ‚Mitte‘ geändert, wie ich dies tun außer Kraft setzen auf Standard dh ‚oben rechts‘jquery jgrowl Position

$.jGrowl(data, { 
    header: 'data', 
    animateOpen: { height: 'show'}, 
    life: 10000, 
    position:'top-right' 
}); 

Derzeit Position nicht funktioniert jetzt in dem obigen

Dank ..

Antwort

24

nach den jGrowl Options documentation für die Position Option

Bezeichnet eine Klasse whic h wird auf den jGrowl-Container angewendet und steuert dessen Position auf dem Bildschirm. Standardmäßig sind fünf Optionen verfügbar: oben links, oben rechts, unten links, unten rechts, Mitte. Dies muss in den Standardeinstellungen geändert werden, bevor die Startmethode aufgerufen wird.

Um dies zu tun, werden Sie so etwas wie

<script type="text/javascript"> 
      $.jGrowl.defaults.position = 'top-right'; 
    </script> 

haben, dann können Sie Ihren Anruf wie oben machen und die Position Einstellung weglassen. Aus den jGrowl-Dokumenten zu urteilen, müssen Sie die Position standardmäßig festlegen, und meine Schnelltests haben bestätigt, dass das Festlegen der Position in Ihrem $ .jGrowl (...) -Aufruf keine Auswirkung hat.

Hoffnung, die

+0

Hallo, Danke für diese wundervolle Erklärung. Aber ich benutze jgrowl auch in der Mitte und auch in der gleichen Anwendung möchte ich es in einer anderen Position verwenden, d. H. Oben rechts, wird dies auch in diesem Fall anwendbar sein? – Hulk

+0

Danke Natrium u Antwort nicht this .. – Hulk

+0

Danke Kamal ich habe es funktioniert. Danke für die Hilfe .. – Hulk

4

hilft, wenn Sie in verschiedenen Positionen befinden, unterschiedliche Benachrichtigungen möchten, müssen Sie gesonderte Benachrichtigung Container erstellen.

Darüber hinaus müssen Sie, wenn Sie separate Container haben, auch das Selektorformular des aufrufenden jGrowl verwenden, anstatt den Kurzhand-Wrapper.

dh. $ ('# my-container'). JGrowl ('meine Benachrichtigung ...');