Drop and Drag on clone table rows doesnt work
Hi,
Is there someone that can help me. I clone my table rows, which is this
var row = $("#sort tbody>tr:last").clone(true);
row.find('.content').append('<td id="drop" class="drop"></td><td class="item"></td>');
row.insertAfter('#sort tbody>tr:last');
return false;
And i succed on this. my problem is when i try to drop on my clone table rows. i cannot drag and drop there.
On the other side, the original table rows has no problem on drag and drop.
Kindly see my drop and drag code:
$('.drag').draggable({
helper: 'clone',
containment: '#sort',
});
$('.drop').droppable({
accept: '.drag',
tolerance: 'fit',
drop: function(e, ui)
{
var items = $(this).html($(ui.draggable).text());
$(this).val($(ui.draggable).text());
}
});
Please reply if someone have an idea to solve my problem.
Thanx in advance
Regards,
joedhay