jQuery UI droppables - mudar a imagem que está caído
-
05-07-2019 - |
Pergunta
Eu estou trabalhando com droppables do jQuery UI e estou querendo saber qual é a melhor maneira de fazer a cair clone usar um IMG SRC
diferente do que o ser item de cair.
No gerenciador de fotos demonstração lá, a miniatura é derrubada em um slot que é do mesmo tamanho. Eu gostaria de soltar uma imagem grande em uma pequena fenda, e como tal eu preciso de seu clone de usar meu polegar em vez da imagem completa.
Todas as sugestões sobre a melhor maneira de lidar com isso?
Solução
A API droppable aceita um callback 'drop' em suas opções. Use-o para mudar o src da imagem, algo como:
$('#dropContainer').droppable({
drop: function(e,ui) {
$(ui.draggable).attr('src','/path/to/different/image');
}
});
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow