2012-07-29 9 views
8

Como dice el título quiero arrastrar div padre, digamos que tengo esta estructurajQuery UI que pueden arrastrarse, arrastre div padre

<div class="parent"> 
    <divc class="draggable"></div> 
</div> 

$(".draggable").draggable(); 

Entonces, ¿cómo puedo arrastrar .parent en lugar de .draggable.

Y no, no quiero hacer .parent arrastrable en lugar de .draggable, ya que será una ventana que solo se podrá arrastrar en un solo lugar.

Respuesta

17

¿Está intentando hacer que el elemento secundario sea un controlador de arrastre?

$(".parent").draggable({ handle: ".draggable" }); 

Esto lo haría para que todo el elemento principal se arrastre pero solo utiliza el separador arrastrable como delimitador.

jsFiddle Demo

Referencia:

http://jqueryui.com/demos/draggable/#handle

+0

sí exactamente, gracias. – Linas

+0

yup! bonito. Una línea de código y obtuve lo que necesitaba. @specman gracias. –

Cuestiones relacionadas