jquery-ui - ejemplo - jquery ui dialog example

¿Cómo evito desplazarme hacia la parte superior de una página cuando aparece un cuadro de diálogo de la interfaz de usuario jQuery?

Question

Actualmente uso jTemplates para crear una tabla bastante grande en el cliente, cada fila tiene un botón que abrirá un diálogo de jQuery UI. Sin embargo, cuando me desplazo hacia abajo y hago clic en uno de esos botones, se abre el cuadro de diálogo de jQuery, pero la posición de desplazamiento se pierde y la página vuelve a la parte superior (con el bloqueo y el cuadro de diálogo real mostrando la pantalla). ¿Alguien ha visto o sabe lo que podría causar este problema?

Gracias.

Answer 1

¿Estás usando una etiqueta de anclaje para implementar el "botón" que muestra el diálogo? Si es así, querrá que el manejador de clics que abre el diálogo devuelva falso para que no se invoque la acción predeterminada de la etiqueta de anclaje. Si está utilizando un botón, también deberá asegurarse de que no se envíe (devolviendo el comando falso) y de actualizar completamente la página.

Por ejemplo,

$(''a.closeButton'').click( function() {
$(''#dialog'').dialog(''open'');
return false;
});
<a class=''closeButton''>Close</a>

Answer 2

Puedes probar :

scrollTo(0, jQuery("body"));

Answer 3

Si sus botones funcionan con una etiqueta de anclaje html con href="#" reemplace el href, por ejemplo, por href="javascript:;" o cualquier otro método que use para desactivar el href. La razón por la que ocurre el desplazamiento es debido a que href="#" desplaza hacia la parte superior de la página.

Answer 4

cambia tu código así

$(''a.closeButton'').click( function(e) {
e.preventDefault();
$(''#dialog'').dialog(''open'');
});