Eu sei usar jquery ui droppable.
Mas eu não sei se é possível fazer isso:
veja um exemplo ao vivo com este violino
Eu tenho uma lista de elementos em uma div que está em estouro: oculto:
32B3232323232BBB323232BB3232es3232323232323232323232323232323232es
<div id="list">
<p id="draggable_1">Element 1</p>
<p id="draggable_2">Element 2</p>
<p id="draggable_3">Element 3</p>
</div>
css:
#list
{
overflow:hidden;
}
javascript / jQuery:
$("#draggable_1").draggable();
$titre_track_1.droppable({
drop: function () {
alert("dropped");
}
});
Se eu tentar derrubar um elemento como draggable_1 fora da div # list, o elemento não estará visível. É lógica porque o pai está em estouro: oculto
você sabe se é possível soltar esse elemento fora? Eu preciso ter essa div com estouro: oculto
Respostas:
4 para resposta № 1Você pode usar o clone helper para clonar o elemento no início de arrastar e anexá-lo ao corpo com appendTo opção:
$("#draggable_1").draggable({
helper: "clone",
appendTo: "body",
start: function(e){
$(this).css("visibility", "hidden");
},
stop: function(){
$(this).css("visibility", "visible");
}
});