jquery - jQuery拖动并将其保留在同一个地方

Question

请参考我的小提琴

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

参考这个小提琴网址

通过拖动图像字段，我想将其放置在 test1、test2 或 test3 中。

以及如何获取放置图像的 li id。

如果我将此图像字段拖动到 test1。那么图像字段应该保留它的位置。所以只有我可以将它拖放到 test2 上。现在我无法将此图像字段放置多个位置。另外我不知道如何在删除后删除它。请帮助我谢谢

Answer 1

看到这个小提琴

在您的代码中使用此脚本：

$("#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');
            }

            }
        });
});