Establecer el elemento principal de una ventana jquery-ui en otro elemento

I have a standard jquery-ui dialog created with $("#element").dialog(); and I'm trying to find the best way of containing it within the bounds of another element.

I'm trying to avoid doing it just with javascript and re-positioning it because I'd like to be able to move it outside the bounds of the container, and for the container to be able to scroll using #container {overflow:auto;}

Here's a fiddle of the situation: - I'm trying to contain #myDialog within the bounds of #dialogContainer

He intentado hacer este to move the dialog.parent to the container element - but to no avail.

Any idea how I'd go about this?

Edit: I was playing around with the fiddle, and found that if I moved the dialog into the container element myself via the webkit debugger it behaved as desired. Now it's just a matter of doing that programatically.

preguntado el 28 de agosto de 12 a las 13:08

This doesn't solve the problem. All that does is set the bounds the dialog can be moved within. But I want it to be properly contained within the element so it can be partially obscured and the parent element scrolling. -

1 Respuestas

Using .append() moves the element properly. Doing it on the .parent() of the dialog to the container gives the desired result.


Violín actualizado en

All that needs doing after that is repositioning the dialog if needed to stop it being above the top of the element.

Respondido 28 ago 12, 16:08

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