[Resolvido] Verificando efeito de soltar(Drag)

[Bruno Akio Kawakami X 0]

Olá Pessoal, como estão?

 

Bom venho aqui pra tirar um dúvida bem simples! E é sobre o elemento sortable do jQuery UI, vejam:

 

http://jqueryui.com/demos/sortable/#connect-lists

 

No caso temos o vínculo do elemento pelo jQuery:

 

$(function() {
$( "#sortable1, #sortable2" ).sortable({
	connectWith: ".connectedSortable"
}).disableSelection();
});

 

 

Minha dúvida é, como saberei quando meu usuário pegou o campo do "sortable1" e soltou no campo "sortable2"?

 

Procurei na documentação se ele tinha um evento chamado "drop" como o próprio elemento Droppable do jQuery UI, porém nada encontrei. Então venho recorrer a vocês...

 

Caso o usuário soltar o campo do "sortable1" e jogar no "sortable2" gostaria de mostrar "alert('2');" e se o usuario fosse do "sortable2" para o "sortable1" gostaria de mostrar "alert('1');"

 

Obrigado adiantado!

[Lucas Guima 164]

Acho que você precisa é do Droppable

[Bruno Akio Kawakami X 0]

Sim, só escrevi errado no título.

 

Preciso que o sortabble tenha o mesmo evento do Dropabble pra eu saber quando o cara pegou e soltou um item de uma connectList para a outra

[Lucas Guima 164]

A funcionalidade do Sortable não é de dropar um elemento sobre outro, é de apenas ordenar.

 

Como você mesmo observou, não existe o evento drop.

[William Bruno 1501]

o evento sort ou o change não servem para ti ?

http://jqueryui.com/demos/sortable/#event-sort

[Bruno Akio Kawakami X 0]

o evento sort ou o change não servem para ti ?

http://jqueryui.com/demos/sortable/#event-sort

De certa forma...

 

No caso estou usando o sort com connect lists, agorar como eu saberei a lista que eu soltei o item?

 

http://jqueryui.com/demos/sortable/#connect-lists

[William Bruno 1501]

ai você pode navegar no DOM, através da função .parent()... :lol:

[Bruno Akio Kawakami X 0]

Bom pessoal, vou ser simples e direto.

 

Resolvi o problema já. Existia uma função do jQuery UI para isso, mas eu n entendi bem a documentação e achava que algum de vocês já tinha trabalhado com isso e poderiam me ajudar. Era coisa simples, mas não tinha muito conteúdo na internet, então foi dificil de entender, então ai vai:

 

  $( "#sortable1, #sortable2, #sortable3, #sortable4" ).sortable({
           connectWith: ".connectedSortable",
           receive: function(event, ui) { 
           alert($(ui.item).attr('data-id') + ' -> ' + $(this).attr('id'));
           //Do something with the recently dropped item here
       }
       }).disableSelection();

 

Espero q um dia ajude alguém com esse codigo!

 

Abs!