Javascript limitando a div a se mover dentro da principal

[ancosta1995]

bom dia pessoal, mais uma duvida aqui, vou explicar meu problema, eu tenho uma div principal, e essa div recebe outras div pela função .append() do jquery, e eu uso a função do jquery-ui .draggable() para deixar as mesmas arrastaveis dentro da div principal, só que o problema que esta me incomodando, é que as div adicionadas pelo .append() saem da div principal se arrastalas, e eu preciso de uma forma de conter elas apenas dentro da div principal, alguem tem uma luz nessa questão?

[GabrielSennaMs]

É bem simples, quando você utilizar a função draggable(), você deve especificar o containment, ou no caso a sua div principal.

Exemplo:

$(div inserida com o append).draggable({ containment: "div principal" });

Em containment você pode colocar o id("#id") ou a class(".class") ou você pode utilizar o "parent".

Exemplo:

$("#draggable").draggable({ containment: "parent" });

 

[ancosta1995]

nossa mano, ajudou demais, era tão simples kkkkk, valeu ai.