Jquery glisser /déposer et clone
Salut j'ai besoin d'obtenir ce ..
J'ai un ensemble de drop des éléments ( je suis dropant des dessins sur les vêtements ) et je suis tomber un clone..
Si je n'aime pas le baissé objet (dessins) - je veux supprimer qu'en faisant quelque chose comme caché .
Mais je suis incapable de le faire.
Merci de m'aider..
voici le code
var clone;
$(document).ready(function(){
$(".items").draggable({helper: 'clone',cursor: 'hand'});
$(".droparea").droppable({
accept: ".items",
hoverClass: 'dropareahover',
tolerance: 'pointer',
drop: function(ev, ui)
{
var dropElemId = ui.draggable.attr("id");
var dropElem = ui.draggable.html();
clone = $(dropElem).clone(); //clone it and hold onto the jquery object
clone.id="newId";
clone.css("position", "absolute");
clone.css("top", ui.absolutePosition.top);
clone.css("left", ui.absolutePosition.left);
clone.draggable({ containment: 'parent' ,cursor: 'crosshair'});
$(this).append(clone);
alert("done dragging ");
/lets assume I have a delete button when I click that clone should dissapear so that I can drop another design - but the following code has no effect
//and the item is still visible , how to make it dissapear ?
$('#newId').css("visibility","hidden");
}
});
});
Vous devez vous connecter pour publier un commentaire.
Depuis .clone() retourne un objet jQuery. clone.id="newId" définit une propriété sur l'objet jQuery pas l'élément du DOM. Depuis l'élément DOM n'a pas un id de propriété. $('#newId').la longueur doit retourner la valeur null. Test dans la console de firebug
Utilisation:
pour définir un ID sur l'objet cloné de l'élément du DOM.
Vous pouvez utiliser le drop dragabble la fonction de l'objet:
après
dans votre script;