examples - ¿Jquery UI arrastrable absoluto en lugar de relativo?

jquery ui themes examples

Question

Tengo un div que contiene algunos draggables de jQuery, sin embargo, si en algún punto elimino uno de estos draggables de la página, esto puede mover el resto de ellos ya que están posicionados con parientes.

Aquí hay un violín que muestra esto: http://jsfiddle.net/VolatileStorm/aNk6e/

Mi solución propuesta es que el elemento que se puede arrastrar debería usar el posicionamiento absoluto en lugar del relativo, sin embargo, no puedo encontrar la manera de hacerlo. ¿Hay una manera de hacer esto, y si no, puede alguien pensar en una forma de evitarlo? (Por el bien de la elegancia, no aceptaré "no eliminar el otro que se puede arrastrar").

Answer 1

1. Añade position:absolute a tus elementos.
2. Adjúntelos al DOM antes de llamar a .draggable .

Answer 2

Puede configurar la posición para que sea absoluta utilizando la función jQuery css al configurar un elemento para que se pueda arrastrar.

$(this).draggable().css("position", "absolute");

Answer 3

Quizás no sean las mejores ideas, pero ... Podría colocar todos los divs relevantes utilizando positon: relative; y luego incluya una llamada a la función en su o $ ("documento"). ready (), si está usando jQuery, la iteración a través de cada divs para traducir sus posiciones relativas a absolutas y establecerlas como su izquierda, arriba antes cambiándolos a posición: absolutos. El único problema aquí es que querría que cada divs ocupe la posición absoluta antes de actualizar sus estilos para no alterar el diseño a través de la iteración.

Answer 4

¿Por qué la position:absolute no es position:absolute para ti?

Como los elementos con una posición absoluta ya no forman parte del flujo del documento, cada uno de sus tres <div> se coloca a 0,0 de su elemento que contiene (posición). Por lo tanto, depende de usted determinar la posición inicial de sus draggables .