Jquery перетаскиваемый с таблицей

Эй, я использую Jquery draggable droppable с таблицей. Я инициализировал обе и ее работу, но проблема в том, что выпадающая область - это таблица, а элемент перетаскивания находится в div, когда я пытаюсь перетащить элемент, который он показывает под таблицей, я хочу строку Идентификатор, на котором он размещен, но вместо этого я получаю всю таблицу

Ниже приведен код

Код JavaScript для таблицы

$(function() {
    $( "#draggable" ).draggable({ axis: "y" });

    $( "#droppable" ).droppable({ 
        drop: function(event, ui) { 
            console.log($(this).find('tr.pen'))
            $(this).append($(ui.draggable));
        }
    });
});

Код таблицы очень большой, дайте мне знать, если вы можете помочь, я буду рад отправить вам код

Я открыт для любого предложения

Спасибо .


draggable jquery-ui droppable
person Prathamesh mhatre    schedule 21.07.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Если вы хотите удалить перетаскиваемый элемент в отдельных строках, не создавайте экземпляр droppable для всей таблицы, а скорее для <tr>s таблицы. Проверьте, работает ли этот код для вас:

$(function() {
    $( "#draggable" ).draggable({ axis: "y" });

    $( "#droppable tr" ).droppable({ 
        drop: function(event, ui) { 
            $(this).append($(ui.draggable));
        }
    });
});
person Konstantin Dinev    schedule 13.09.2012