Hello!

I'm trying to switch the content of two div when I drop one on
another.
Each "tbody tr" are clickable (and then I use toggleClass() on it) in
order to select lines.

Here is my problem :
When I switch two div, lines are no more clickable in one of the two
table.

My jQuery :
$('.block')
        .droppable({
                accept: 'table',
                activeClass: 'droppable-active',
                hoverClass: 'droppable-hover',
                tolerance : 'pointer',
                drop: function(ev, ui) {
                        var droppableContent = $(this).children().eq(0);
                        var droppableContainer = $(this);

                        var draggableContent = $
(ui.draggable).parents("div").children().eq(0);
                        var draggableContainer = 
$(ui.draggable).parents("div").eq(0);

                        console.log(droppableContent); //[table#hardware]
                        console.log(droppableContainer); //[div#bloc1.block]
                        console.log(draggableContent); //[table#ipaddress]
                        console.log(draggableContainer); //[div#bloc3.block]

                        droppableContainer.html(draggableContent);
                        draggableContainer.html(droppableContent); //Lines are 
no more
clickable in draggableContainer
                }
});

I will be very very glad for your help !

--Gildas

Reply via email to