Voilà mon soucis : je suis en train de créer un petit script JS pour quelques tests avec jQuery. Or je me heurte à un problème, c'est que je ne sais pas comment faire pour draggé un élément déjà draggé.
J'ai essayé $('zone-2').droppable('refresh');, mais cela ne fait rien .
Voilà mon code :
$(function(){
var draft = {
'1' : 'cartes/1.jpg',
'2' : 'cartes/2.jpg',
'3' : 'cartes/3.jpg',
'4' : 'cartes/4.jpg'
};
var deck = {};
$('#draft li, #deck li').draggable({
revert: "invalid",
containment: "document",
});
$('#zone-1, #zone-2').droppable({
accept: "#draft > li, #deck > li",
drop: function(event, ui) {
var $zone = $(this); // Objet jQuery représentant la zone où la carte est droppée
var $li_card = ui.draggable; // Objet jQuery représentant la "li" de la carte
if($zone.attr('id') == 'zone-2')
{
var url = 'cartes/'+$li_card.attr('id')+'.jpg';
delete draft[$li_card.attr('id')];
deck[$li_card.attr('id')] = url;
$li_card.fadeOut(500, function() { $(this).remove(); });
$('#deck').html($('#deck').html()+'<li><img src="'+url+'" /></li>');
$('zone-2').droppable('refresh');
}
}
});
$('img').mouseup(function() {
$(this).css('cursor', 'url(cursor_drop_hand.png), auto');
}).mousedown(function() {
$(this).css('cursor', 'url(cursor_drag_hand.png), auto');
});
});
Mon HTML est simple, juste deux listes dans deux div :
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.