Aqui está o meu código:
$(".canDrag").draggable({
revert:"invalid",
snap:".dropSpace",
cursor:"move",
start:function() {
$(this).addClass("currentDrag");
}
});
Isso define os elementos arrastáveis e anexa uma função ao start evento. Isto é o droppable código:
$(".trashSpace").droppable({
drop:function() {
$(".currentDrag").remove();
},
});
Para esclarecer, estou tentando criar uma seção "lixeira" do documento onde os elementos desaparecem quando são inseridos. Eu defini currentDrag classe para o draggable e defina a função de soltar para remove a currentDrag classe quando caiu. Mas a remoção não está acontecendo. Por favor ajude.
Respostas:
0 para resposta № 1Você tem uma vírgula extra no droppable código.
$(".trashSpace").droppable({
drop:function() {
$(".currentDrag").remove();
}, // <-- here
});
Eu testei o código usando jQuery 1.7.1 e jQuery 1.8.13 e está funcionando.
AQUI é o código.