Estoy usando JQuery UI y quisiera posición de mi diálogo centrado horizontalmente, sino también verticalmente sobre el centro, tal vez por un importe fijo de píxeles o una relativa distancia desde la parte superior de la página. Hay una manera fácil de hacer esto? Parece que hay sólo un par de valores predefinidos o puedo usar una posición exacta, pero hay una manera fácil de lograr esto?

 $("#dialog-form").dialog({
                autoOpen: false,
                width: 630,
                position: 'center',
                modal: true,
                resizable: false,
                closeOnEscape: false

            });
  • ¿Has probado ['center', 'top']?
  • Que hace que el cuadro de diálogo aparecen en el centro de manera horizontal, pero en la parte superior de la página (suponiendo que yo no se hacer esto de forma incorrecta). Quiero posición en el cuadro de arriba centro por un poco.
InformationsquelleAutor Joe Cartano | 2012-02-16

8 Comentarios

  1. 75

    Utilizar el opción de posición para alinear la parte superior del cuadro de diálogo con la parte superior de la ventana (además de un píxel o por ciento de desplazamiento).

    Esto debe centrar el diálogo horizontal y la posición 150 píxeles de la parte superior.

    $("#dialog-form").dialog({
        autoOpen: false,
        width: 630,
        position: { my: 'top', at: 'top+150' },
        modal: true,
        resizable: false,
        closeOnEscape: false
    });

    Versiones anteriores de jQuery interfaz de usuario se utiliza una matriz que contiene una [x,y] par de coordenadas en píxeles de desplazamiento de izquierda, esquina superior del área de visualización (por ejemplo, [350,100]).

    var dialogWidth = 630;
    $("#dialog-form").dialog({
        //...
        width: dialogWidth,
        position: [($(window).width() / 2) - (dialogWidth / 2), 150],
        //...
    });
    • Cabe señalar que el método de la matriz ya ha quedado obsoleto. El uso de un objeto en su lugar.
    • actualizado para utilizar la posición de objeto (para las versiones más recientes de jQuery UI)
    • Tenga en cuenta que usted tiene el control de las x,y de ambos objetos. posición: { mi: «el centro de la parte superior», en: «el centro de la parte superior», en: la ventana },
  2. 1

    me encontré con este, mientras que la búsqueda de la misma pregunta bu yo ya tenía mi respuesta :

    position: ['center', 'top+100']

    este se centro en horizontal y 100 píxeles de la parte superior

    esto funciona también

    position: ['center', 'center+100']

    centro horizontal y 100 píxeles de abajo del centro de

  3. 0

    Yo ajustado Exlord la respuesta de ajuste.

    posición: [«centro-7%’, ‘center-12%’]

    Esto ajusta horizontalmente y verticalmente

    $(".popup").dialog({    
    position: ['center-7%', 'center-12%'],
    title: 'Updating',
        width: "auto",
    }
    });
  4. 0

    Si alguien está creando un vínculo que abre un diálogo jQuery debido a que el enlace del clase tener un controlador de eventos click, usted puede aviso de que podría saltar a la parte superior de la página, pero crear el cuadro de diálogo modal más profundo hacia abajo en la página y que usted tenga que desplazarse a la misma.

    Si alguien está tratando de detener el diálogo jQuery de saltar a la parte superior, que desean quedarse cerca el vínculo se hace clic, acaba de quitar href. Casi se volvió loco tratando de resolver esto. La especificación de HTML5 aparentemente entiende href="" o href="#" significa mover a la parte superior.

  5. -5

    aplicar css en tu #de diálogo-el uso de la forma % de la muestra

    si width = 1000

    poner

    left:50%
    margin-left:-500px;

    a hacer en el centro. o usted puede utilizar iframe.

Dejar respuesta

Please enter your comment!
Please enter your name here