Hola amigos...estoy haciendo una aplicacion web donde tengo que mover varios objetos mediante jquery con la funcion draggable and droppable, mi problema es el siguiente:
Tengo una imagen que inicialmente puede moverse, pero al soltarla sobre un carrito de compra(por ejemplo), esta imagen que solte, apareceria en el carrito de compra como una copia, pero la original deberia tomar forma con desactivada(opacity) y no moverse mas.
He intentado cambiarle el nombre de la clase por el cual la estoy dando las ordenes de que se mueva, pero como si nada, se sigue moviendo aunque tenga el otro nombre de la clase que le puse...hay una parte del codigo que esta comentariada que tambien la probe, pero por gusto....si alguien tiene idea de como funcionaria se los agradeceria.
Código:
$('.ME_Columna_A').draggable({
revert:'invalid',
helper: 'clone'
});
$('.ME_Columna_B').droppable({
accept:'.ME_Columna_A',
drop:function(event, ui){
$('#'+this.id).append('<div class="ME_Columna_A_Letra_Droggable" id="'+ui.draggable.attr("id")+'">'+ui.draggable.text()+'</div>');
$('#'+ui.draggable.attr("id")).attr('class','ME_Columna_A_Droggable');
//$('#'+ui.draggable.attr("id")).removeClass("ME_Columna_A");
//$('#'+ui.draggable.attr("id")).addClass("ME_Columna_A_Droggable");
}
});
saludos, kceres