Ocultación de un elemento en pageLoad() con jQuery

Si me escondo algunos elementos en Page_Load usando jQuery, los elementos fluctuar durante una fracción de segundo cuando la página y luego desaparecen:Ocultación de un elemento en pageLoad() con jQuery

function pageLoad() { 

     $('#panelOne').hide(); 
     $('#panelTwo').hide();

¿Hay una manera de prevenir el parpadeo?

No quiero establecer los elementos css en visibility: hidden, porque luego llamar al método jquery .show() más tarde no parece mostrar el elemento.

Fuente

2011-05-12 Sean Thoman

Normalmente solo configuro la pantalla: ninguna, pero me gustaría ver una mejor solución si existe. –

Configuración del css para mostrar: ninguno; es la mejor opción. Eso funcionará con .show(); luego. paz ... –

He intentado mostrar: ninguno; en CSS, ¿pero cómo lo haces funcionar sin javascript para alternar la visualización si un usuario ha deshabilitado JS? – robx

Configuración visibility: hidden no funciona, pero display: none hace. See jsFiddle.

Puede hacer esto en el evento DOMReady, pero sería más limpio hacerlo en CSS.

Fuente

2011-05-12 22:31:55 lonesomeday

ocultar() ing establece la pantalla a none de todos modos, así que esto no debería hacer ninguna diferencia (excepto que hide() evitará algunos errores de portada guardando el valor original de la pantalla) –

Creo que el método hide de jQuery establece 'display : ninguno' para ti. – Alxandr

Bueno, sí. Pero es más limpio y casi seguro más rápido hacerlo en CSS. – lonesomeday

En lugar de ocultar el pageload, ocultarlo en domready así:

$(function() { ........ });

Vuelva a colocar la ...... con sus 2 líneas de escondite.

Domready se ejecuta cuando se ha construido dom-tree, y mucho antes que pageLoad. Pageload espera que se ejecuten imágenes y cosas. (asumiendo que tienes pageLoad como sigue: <html onload="pageLoad();">).

Fuente

2011-05-12 22:28:29 Alxandr

En realidad todavía veo parpadeo al hacer esto. ¿Es eso lo mismo que document.ready()? –

Sí, $ (función) es una abreviatura de document.ready. Si todavía ve un parpadeo, debe considerar ocultar el elemento en el código (html/css) y luego volver a mostrarlo en js cuando lo desee. – Alxandr

@Sean: ¿tiene una URL de ejemplo? Estoy luchando por entender la causa del parpadeo. –

usar Definitivamente documento listo a diferencia de carga de la página:

$(function() { 
    $('#panelOne, #panelTwo') 
     .hide(); 
});

Fuente

2011-05-12 22:30:15 Eli

$.show() no funciona en los elementos fijados a visibility: hidden. Debe usar display: none. Esto funcionará mejor para usted que usar jQuery para ocultar en DOM listo, y le garantizará absolutamente que no verá parpadeo.

Fuente

2011-05-12 22:31:10

Ocultación de un elemento en pageLoad() con jQuery

Respuesta

Cuestiones relacionadas