¿Cómo evito que se desplace hacia la parte superior de la 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á utilizando una etiqueta de anclaje para implementar el "botón" que abre el cuadro de 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

cambio de su código como este

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

Answer 3

Puede probar:

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

Answer 4

Si los botones funcionan con una etiqueta HTML de anclaje con href="#" reemplazar el href, por ejemplo, por href="javascript:;" o cualquier otro método que utilice para desactivar el href. La razón por la que ocurre el desplazamiento es porque href="#" se desplaza a la parte superior de la página.