Achei este código na internet e estou estudando como ele funciona, para tentar adaptar em um sistema, já consegui pegar o id
do elemento pai, o id
do LI que cliquei não esta vindo certo, e preciso que me mostre o elemento para onde ele foi arrastado.
Resumindo, ele deve me mostrar no alert
o id
da caixa principal, o id
clicado, e o id
da caixa que soltei.
http://fxcomp.com.br/teste.html
<script>
$(function () {
$("#items1,#items2,#items3").sortable({
connectWith: "#items1,#items2,#items3",
start: function (event, ui) {
ui.item.toggleClass("highlight");
},
stop: function (event, ui) {
var id_principal = $(this).attr('id');
var id_do_li = $('li').attr('id');
alert('Id Pricipal = '+id_principal+' | Id do li = '+id_do_li);
ui.item.toggleClass("highlight");
}
});
$("#items1,#items2,#items3").disableSelection();
});
</script>