jQuery перетащите и сохраните его в том же месте

Question

jQuery перетащите и сохраните его в том же месте

0

Tplease назовите мою скрипку

 $("#header").draggable({
   // helper: "clone",
    //cursor: 'move',
     containment: '#list ul'
});

Ссылка на этот скрипт

Перетащив поле изображения, я хочу поместить его в test1, test2 или test3.

Также как получить идентификатор li изображения.

Если я перетащил это поле изображения в test1. то поле изображения должно сохранить его положение. Так что только я могу перетащить это и сбрасывать на test2. Теперь я не смог разместить это поле изображения более чем на одном месте. Также я не знаю, как удалить это после падения. Пожалуйста, помогите мне Спасибо

Sam Hanson 11 нояб. 2013, в 07:55

Источник

Теги:

jquery

html

1 ответ

Ещё вопросы

Sindhu · Accepted Answer · 2013-11-11T05-31-00.000Z

Смотрите этот FIDDLE

Используйте этот скрипт в коде ur:

$("#header").draggable({
    helper: 'clone',
    cursor: 'move',
    tolerance: 'fit'
});

        $("#container").droppable({

            drop: function (e, ui) {

                if ($(ui.draggable)[0].id != "") {
                    x = ui.helper.clone();
                ui.helper.remove();
                x.draggable({
                    helper: 'original',
                    containment: '#container',
                    tolerance: 'fit'
                });

                x.appendTo('#container');
            }

            }
        });
});

Если мы установим для revert значение true, то поле изображения не будет помещено в test1, test2, test3. Я хочу поместить его в test1,2,3 li как процесс клонирования.
я обновляю свой пост, попробуйте приведенный выше скрипт, он работает.
Благодарю. Работает нормально. Я использовал эту команду var droppableId = $ (this) .attr ("id"); чтобы получить идентификатор пропущенного раздела. но я не мог. Что я здесь делаю не так.