Abriendo el cuadro de diálogo jquery UI dentro del div

Tengo un div#test , con el que ato un dblclick event to opens a jquery ui dialog, ahora quiero abrir

esta dialog inside a floating div (significa un div cuya posición es absoluta y se coloca en el

centro de la pantalla) cuando el dblclick event triggers on div#test algo como :

           line #1     $("#test").trigger("dblclick"); => open the dialog 

           line #2     $("floatingdiv").html("I want to open the dialog inside

                        this div after executing the line #1);

¿Ayúdame? Gracias.

preguntado el 01 de junio de 12 a las 12:06

Esto suena simplemente como un diálogo modal para mí. En otras palabras, simplemente abra otro modal encima del primero. ¿Hay algo diferente? -

sí, es el diálogo jquery Ui, pero no quiero abrirlo en otros elementos, quiero abrirlo dentro de un div, cuando activamos el evento que abre ese diálogo -

Entonces, simplemente usa el open: evento del primer diálogo? Estoy perplejo en cuanto a cuál es exactamente su desafío aquí. jqueryui.com/demos/dialog/#event-open -

sí open el evento está ahí, pero ¿cómo lo abriré dentro del div? (Quiero algo similar a la target atributo de iframe, ¿hay algo así en el diálogo jquery ui? ) -

¿Estamos confundiendo el evento (apertura del primer cuadro de diálogo, ES un cuadro de diálogo de acuerdo con su pregunta) y configurando la opción de posición del segundo cuadro de diálogo en relación con la posición del primer cuadro de diálogo? Tal vez necesite reformular su pregunta con el código de ejemplo (todo) relacionado con los dos cuadros de diálogo, así como el código exacto que usa para abrir cada uno, o al menos lo que ha intentado hasta este momento. No abriría / colocaría algo "dentro", sino que simplemente lo colocaría "en relación con" otros elementos. -

1 Respuestas

Primero puesto test div dentro floatingdiv.

$("#test .ui-dialog-content").bind("dialogopen", function() {  
    // Reposition dialog, 'this' refers to the element the even occurred on.
    $(this).parent('div').css('position', 'relative');
});

Respondido el 01 de junio de 12 a las 13:06

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