как перетаскивать предметы, когда финиш после падения

Question

как перетаскивать предметы, когда финиш после падения

0

Я не могу выбрать и перетащить элемент обратно, когда закончится после капли

Здесь мой код http://jsfiddle.net/T3VY6/

Я хочу перетащить несколько строк между двумя таблицами

скрипт

    $("#tbodyMember tr").click(function(e) {
        $("#tbodyNotMember").find('tr').removeClass("selected");               
        $(this).toggleClass('selected');
    });
    $("#tbodyNotMember tr").click(function(e) { 
        $("#tbodyMember").find('tr').removeClass("selected");         
        $(this).toggleClass('selected');
    });
    $(".connectedSortable tr").draggable({
        helper: function(){
            var selected = $('.connectedSortable tr.selected');
            if (selected.length === 0) {
                selected = $(this).addClass('selected');
            }
            var container = $('<div/>').attr('id', 'connectedSortable');
            container.append(selected.clone().removeClass("selected"));
            return container;
         }
    }); 
    $("#tbodyMember").droppable({
        drop: function (event, ui){             
            $(this).find('tr:last').after($(ui.helper.children()));
            $('#tbodyNotMember tr.selected').remove();
        }
    }); 
    $("#tbodyNotMember").droppable({
        drop: function (event, ui){        
            $(this).find('tr:last')
                    .after($(ui.helper.children()));
            $('#tbodyMember tr.selected').remove();       
        }
    });

user3709118 05 июнь 2014, в 02:15

Источник

1

Может быть, вы должны использовать sortable() ? jsfiddle.net/7UmY7
Malk 05 июнь 2014, в 00:01

Теги:

jquery

jquery-ui

2 ответа

Ещё вопросы

Может быть, вы должны использовать sortable() ? jsfiddle.net/7UmY7

punitdam · Answer 1 · 2014-06-04T22-22-00.000Z

Вам нужно связать перетаскиваемое событие с клонированным элементом tr.

Посмотрите обновленный код: http://jsfiddle.net/XN2Vh/

 function draggableHelper(){
            var selected = $('.connectedSortable tr.selected');
            if (selected.length === 0) {
                selected = $(this).addClass('selected');
            }
            var container = $('<div/>').attr('id', 'connectedSortable');
            container.append(selected.clone().removeClass("selected").draggable({
                    helper: draggableHelper
                }));
            return container;
         }
    $(".connectedSortable tr").draggable({
        helper: draggableHelper
    });

Dionys · Answer 2 · 2014-06-04T21-35-00.000Z

Вам нужно сохранить обработчики обработанных данных на ваших копиях. Вы можете сделать это, вернув метод clone.

Я предпочел бы скорее переместить выбранные (и их обработчики) предметы, а не клонировать их. Вот как это сделать:

$("#tbodyMember").droppable({
        drop: function (event, ui){             
            $(this).append($('tr.selected'));
            $('#tbodyNotMember tr.selected').remove();
        }
    }); 
    $("#tbodyNotMember").droppable({
        drop: function (event, ui){        
            $(this).append($('tr.selected'));
            $('#tbodyMember tr.selected').remove();       
        }
    });

см.: * добавить * клон