[Resolvido] Objetos Float dentro de Div

[BRG 2]

Salve galera!

Estou com uma dúvida, gostaria de saber se alguém poderia me ajudar.

 

Tenho varios elementos Drag&Drop Float..

Porém eles ficam float pela pagina inteira. Eu gostaria de limita-los para que não saiam de dentro de uma div...

Digamos que as bordas da div é o limite máximo que eu posso arrastá-los...

 

Visualmente algo parecido com isso:

 

------------------------------------- <- LIMITE MAX VERTICAL

.....................................|

.....................................|

...---------.........................|

..|..........|........................|

..|..float..|........................|<- LIMITE MAX HORIZONTAL

..|..........|........................|

...---------.........................|

.....................................|

------------------------------------- <- LIMITE MIN VERTICAL

 

Alguém tem alguma sugestão??

Muito obrigado!!!

[angelorubin 142]

Boa tarde,

 

Qual Framework você utiliza para o drag&drop? jquery-ui?

[BRG 2]

Boa tarde,

 

Qual Framework você utiliza para o drag&drop? jquery-ui?

 

Sim! utilizo esse mesmo!

[angelorubin 142]

Boa noite,

 

Na própria documentação do jquery-ui demonstra como proceder neste caso:

 

Da uma olhada aqui - Clique aqui

 

Tem exemplos e tudo mais.

 

Espero que ajude.

[BRG 2]

Boa noite,

 

Na própria documentação do jquery-ui demonstra como proceder neste caso:

 

Da uma olhada aqui - Clique aqui

 

Tem exemplos e tudo mais.

 

Espero que ajude.

 

Muito obrigado Angelo.

Realmente não tinha prestado atenção na documentação.

 

Resolvi com a seguinte linha: $( "#div" ).draggable({ containment: "#containment-wrapper", scroll: false });

 

[]´s