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