Enviado em 06/11/2018 - 20:51h
Eu estou tentando realizar a troca de duas imagens quando um usuário clica em usa e arrasta até a outra. Porém, o meu código não coloca as imagens na posição correta, ele deixa a imagem de destino no mesmo lugar e poe a imagem que foi arrastada na div seguinte, sobrepusendo uma outra imagem. Alguém poderia me ajudar? Sou iniciante em jQuery.<div class="painel-tabuleiro">
<div class="col-1">
<div class="containerImg"><img class="elemento" src="imagem/1.png"/></div>
<div class="containerImg"><img class="elemento" src="imagem/1.png"/></div>
<div class="containerImg"><img class="elemento" src="imagem/1.png"/></div>
</div>
<div class="col-2">
<div class="containerImg"><img class="elemento" src="imagem/2.png"/></div>
<div class="containerImg"><img class="elemento" src="imagem/2.png"/></div>
<div class="containerImg"><img class="elemento" src="imagem/2.png"/></div>
</div>
<div class="col-3">
<div class="containerImg"><img class="elemento" src="imagem/3.png"/></div>
<div class="containerImg"><img class="elemento" src="imagem/3.png"/></div>
<div class="containerImg"><img class="elemento" src="imagem/3.png"/></div>
</div>
<div class="col-4">
<div class="containerImg"><img class="elemento" src="imagem/4.png"/></div>
<div class="containerImg"><img class="elemento" src="imagem/4.png"/></div>
<div class="containerImg"><img class="elemento" src="imagem/4.png"/></div>
</div>
</div>
$(".elemento").draggable();
$(".containerImg").droppable({
drop: function(event, ui) {
var dropped = ui.draggable;
var droppedOn = event.target;
$(dropped).css({top: 0,left: 0}).appendTo(droppedOn);
$(droppedOn.querySelector('img')).css({top: 0,left: 0}).appendTo(dropped.parent());
},
});
Atualizar o macOS no Mac - Opencore Legacy Patcher
Crie alias para as tarefas que possuam longas linhas de comando - bash e zsh
Criando um gateway de internet com o Debian
Configuração básica do Conky para mostrar informações sobre a sua máquina no Desktop
Aprenda a criar músicas com Inteligência Artificial usando Suno AI
Instalando e usando o Dconf Editor, o "regedit" para Linux
Como instalar o navegador TOR no seu Linux
Instalando Zoom Client no Ubuntu 24.04 LTS
Em que pasta/arquivo ficam as configurações das janelas em derivados d... (3)
validando quandidade de leitura no read[DUVIDA] (2)
Qual a relevancia dos valores de bogomips com os Mhz e Ghz[DUVIDA] (4)
Jogar jogos do Win 10 no Ubuntu (6)
Som parou de funcionar depois de atualizar o kernel do Slackware 15 (1)