jQuery拖动并保留它的相同位置

Question

Tplease引用我的小提琴

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

Refer this fiddle url

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

另外如何获取放置图像的li id。

如果我将此图片字段拖到test1。然后图像区域应保持其位置。所以只有我可以拖动它并放到test2。现在我无法将此图像字段放置在多个位置。我也不知道如何在掉落后删除它。请帮助我谢谢

Answer 1

请参阅此FIDDLE

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

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

            }
        });
});