Question

我有一些用户可以移动到target-div的div。如果它们被删除，那么将附加一个新的div。但现在用户应该能够一次又一次地做到这一点。但是在删除克隆之后（任何地方 - 不仅仅是在droppable中），原始项目失去了丢弃的能力。如何更改用户可以多次将原始项目移动到target-div？

以下代码显示了一个脚本示例，该示例可以使用exakt 1次。一滴之后，第一部分不再起作用。我试图在没有成功的情况下再次添加此功能。

   $('.move-me').draggable({
     revert: "invalid",
     helper: "clone"
   });

   $('#target').droppable({
     accept: '.move-me',
     drop: function (event, ui) {
       $(this).append('<div>You dropped an element here</div>');
     }
   });

Answer 1

我刚刚更改了您的可放置代码。请检查一次。

$('.move-me').draggable({
     revert: "invalid",
     helper: "clone",
    cursor : "move",
   });

   $('#target').droppable({
     accept: '.move-me',
     drop: function (event, ui) {
// Make sure you are cloning your draggable and use that div to modify as per your requirement
    var html = $(ui.draggable).clone(true);
     ui.draggable.draggable('enable');
       $(this).append('<div>You dropped an element here</div>');
     }
   });

很高兴，如果它有效。

Answer 2

我有同样的问题。我通过更新css规则对此问题进行了排序。我把元素丢给了一个div，它的z-index比丢弃的项目更高。我刚刚添加了一个类，并将z-index值设置为大于drop容器的值。这解决了我的问题。

希望如果上述任何答案都不起作用，这可能会有所帮助。

Answer 3

我知道这有点晚了但似乎再次调用draggable（）它必须在文档就绪函数之外。当我再次打电话时，我移动到准备功能之外，它就像一个魅力。

JQuery UI：可拖动项目在克隆删除后失去拖放功能

3 个答案: