Please answer me!
I think it is the html() command that makes problem, but text()
doesn't fix it.
Any idea?
Thanks
--Gildas
On May 15, 1:09 pm, Gildas <[EMAIL PROTECTED]> wrote:
> 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
