Jquery Ui拖放

我使用jQuery UI将我的元素从左侧导航拖到可拖放区域，如果必须从可拖放区域中删除拖动元素，应该怎么做？我期望的简单功能是当它被拖出容器时，它应该被删除。它不应该回到容器。这里是我的代码：Jquery Ui拖放

$(document).ready(function() { 
$(".txtI").draggable({ 
    appendTo: "body", 
    helper: "clone" 
}); 

$("#phone").droppable({ 
    activeClass: "ui-state-default", 
    hoverClass: "ui-state-hover", 
    accept: ":not(.ui-sortable-helper)", 
    drop: function(event, ui) { 
     $(this).find(".placeholder").remove(); 
     ui.draggable.clone().removeClass("txtI").addClass("txt2").appendTo(this); 
    } 
}).sortable({ 
    items: "div", 
    sort: function() { 
     $(this).removeClass("ui-state-default"); 
    } 
});

}）;

来源

2012-12-10 JayKay

你是说你把它们放在dropable之外？ –

是的，当我将它们拖出可丢弃区域并放到其他地方时，它就像这样我有一些用户想要添加到主容器的用户界面控件使用拖放操作，在某些时候用户想要删除用户界面他添加的控件，他只需将它们拖出容器。 – JayKay

您还需要使其他所有功能都可以使用，但是如果可丢弃功能是您当前所在的区域，请执行以下操作：删除元素：P – joao

-2

感谢您的输入。这是通过一条简单的线实现的：

ui.draggable.remove（）;

来源

2012-12-11 07:32:10 JayKay

回答

相关问题