close - tooltip jquery ejemplos

Colocar el diálogo de jQuery UI

Question

¿Cómo puedo colocar el diálogo de la IU de jquery ESPECÍFICAMENTE, de modo que vaya a una posición no definida por el centro, la parte superior, etc.

Gracias, he tratado de ser lo más específico posible.

Answer 1

Esta no es una respuesta exacta a su pregunta, pero puede mezclar ''arriba'' con valores de píxel, como este:

$(''#widget'').dialog({
  position: [''top'', 100]
});

Esto posicionará el diálogo centrado a lo largo del eje X, 100 píxeles hacia abajo desde la parte superior.

Answer 2

Si desea utilizar el posicionamiento absoluto, la opción de position del diálogo es lo que necesita. Si necesita posicionarse en relación con otros elementos, hay otra técnica fácil que utiliza, jquery UI $(''selector'').position(options); (visto en: http://jqueryui.com/demos/position/ )

Por ejemplo:

// div to position against
var $div = $(''#someDiv'');

// Open dialog (positioning won''t work on hidden elements)
$dialog.dialog(''open'');

// position newly opened dialog (using its parent container) below $div.
$dialog.dialog(''widget'').position({
  my: "left top",
  at: "left bottom",
  of: $div
});

Answer 3

Usando la opción de position : http://jqueryui.com/position/

Especifica dónde se debe mostrar el diálogo. Valores posibles:

1) una sola cadena que representa la posición dentro de la ventana gráfica: ''centro'', ''izquierda'', ''derecha'', ''arriba'', ''abajo''.
2) una matriz que contiene un par de coordenadas x, y en el desplazamiento de píxeles desde la esquina superior izquierda de la ventana gráfica (por ejemplo, [350,100])
3) una matriz que contiene los valores de las cadenas de posición x, y (por ejemplo [''derecha'', ''arriba''] para la esquina superior derecha).

Por ejemplo: $( ".selector" ).dialog( "option", "position", [350,100] );