2010-02-18 26 views
11

Si en jgrowl.css la posición se cambia a 'centro', ¿cómo puedo anular este defecto a decir, 'de arriba a la derecha'jQuery posición jgrowl

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

Actualmente, Posición no funciona en este momento en el anterior

Gracias ..

Respuesta

24

de acuerdo con la jGrowl Options documentation para la opción de posición

Designa una clase whic h se aplica al contenedor jGrowl y controla su posición en la pantalla. Por defecto, hay cinco opciones disponibles, arriba a la izquierda, arriba a la derecha, abajo a la izquierda, abajo a la derecha, centro. Esto se debe cambiar en los valores predeterminados antes de llamar al método de inicio.

Para ello, tendrá algo así como

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

A continuación, puede hacer su llamada como antes y omitir el ajuste de la posición. A juzgar por los documentos jGrowl, TIENE que establecer la posición por defecto y mis pruebas rápidas confirmaron que establecer la posición en su llamada $ .jGrowl (...) no tiene ningún efecto.

Espero que ayude

+0

Hola, gracias por esa maravillosa explicación. Pero uso jgrowl para estar en el centro también y también en la misma aplicación quiero usarlo en una posición diferente, es decir, arriba a la derecha, ¿esto también será aplicable en este caso? – Hulk

+0

Gracias Natrium no respondiste esto .. – Hulk

+0

Gracias kamal lo conseguí trabajando. Gracias por la ayuda .. – Hulk

4

Si quiere diversas notificaciones ubicados en diferentes posiciones que se necesitan para crear contenedores de notificación por separado.

Además, si tiene contenedores separados, también necesitará usar el formulario de selección de llamada jGrowl, en lugar del envoltorio de mano corta.

es decir. $ ('# my-container'). JGrowl ('mi notificación ...');

Cuestiones relacionadas