[jQuery] Switch content of Div
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