Cuadro de diálogo jQuery, posición estática en la pantalla actual

Tengo un diálogo que es buscar y reemplazar. Actualmente utilizo un método como el siguiente para reajustar la posición de la ventana. Necesito mantener la ventana estática en la pantalla mientras (donde sea que el usuario haya arrastrado la ventana) sin moverla o restablecerla al centro de la pantalla, que es lo que jQuery("#dialog-form").dialog("option","position","center"); actualmente lo hace.

A continuación se muestra una muestra del documentación del diálogo jQuery. Me pregunto cómo debería modificar el valor del setter para reposicionar la ventana en función de la configuración actual de la ventana gráfica. Entonces, cuando se desplaza automáticamente en la página, siempre permanecerá en X e Y en la ventana gráfica actual.

//getter
var position = $( ".selector" ).dialog( "option", "position" );
//setter
$( ".selector" ).dialog( "option", "position", 'top' );

preguntado el 10 de mayo de 11 a las 13:05

3 Respuestas

Puedes intentar esto:

$(window).resize(function() {$(".selector").dialog("option", "position", ['center','top']);});

$(window).scroll(function() {$(".selector").dialog("option", "position", ['center','top']);});

contestado el 10 de mayo de 11 a las 18:05

Esto es lo que hago para desplazarme y cambiar el tamaño:

$(window)
        .resize(function() {
            $('body').css('height', $(this).height())
            $('#alertsWindow').dialog( "option", "position", ['left','bottom'] );
        })
        .scroll(function(){$(this).resize()});

Mantiene el diálogo en la esquina. (Puedes usar cualquier posición que quieras usar)

Desde el Página de la interfaz de usuario de jQuery en los diálogos:

position   String, Array                       Default:'center'
Specifies where the dialog should be displayed. Possible values: 
1) a single string representing position within viewport: 'center', 'left', 'right', 'top', 'bottom'. 
2) an array containing an x,y coordinate pair in pixel offset from left, top corner of viewport (e.g. [350,100]) 
3) an array containing x,y position string values (e.g. ['right','top'] for top right corner).

contestado el 10 de mayo de 11 a las 21:05

¿Es posible llenar left y bottom con las coordenadas X e Y reales? - Webnet

@Webnet, sí lo es. llénelo con las coordenadas que desee :-) - Naftali alias Neal

Sé que esta pregunta es antigua, pero una solución mucho mejor es establecer la posición: fija en el elemento de diálogo que lo contiene. Sin código involucrado, CSS se encargará de todo por usted. Deberá restablecer la posición a fija después de una operación de cambio de tamaño mediante el complemento redimensionable de jQuery, porque el complemento coopta el atributo CSS de posición y lo establece en absoluto.

Respondido 30 ago 12, 02:08

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.