Пользовательский интерфейс jQuery Перетаскиваемый элемент не может быть прикреплен к объекту? - PullRequest
Новая
       18

Пользовательский интерфейс jQuery Перетаскиваемый элемент не может быть прикреплен к объекту?

0 голосов
/ 25 января 2012

У меня есть следующий код, который создает перетаскиваемый элемент / область.И когда я перетаскиваю свой перетаскиваемый предмет в предмет сброса, он клонирует его и удерживает в отсеке.Но я не могу прочитать функцию перетаскивания, чтобы она могла быть перетащена в другое место?Я пробовал .on/.live, используя ui.helper/ui.draggable в качестве клонированного элемента, меняя ID.Но не повезло. 

$(function(){

    $('.kpp_photopop').draggable({
        containment: 'form',
        cursor: 'move',
        helper: 'clone',
        snap: true,
        snapMode: 'outer'
    });

    $('.kpp_photopop_drop').droppable({
        accept: '.kpp_photopop',
        drop: function( event, ui ) {

            // Clone
            var element = ui.helper.clone();
            $(this).append(element);

            // Remove x
            ui.helper.children('.kpp_photo_x').remove();

            // Attach draggable to clone
            $(this).children('.kpp_photopop').removeClass('ui-draggable-dragging ui-draggable').attr('style','').children('.kpp_photo_x').remove();
            $(this).children('.kpp_photopop').draggable();
        }
    });
});

1 Ответ

0 голосов
/ 26 января 2012

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

Вот jsfiddle того, что вы ищете: http://jsfiddle.net/fordlover49/wRJNe/

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

...