Adicionando uma função ao jQuery draggable reverter “event”
Eu tenho uma div arrastável com um parâmetro revert definido como "inválido".
O que eu preciso:Quando a reversão ocorre, quero disparar uma alteração de CSS para outro elemento.
O problema:"reverter" é um parâmetro em vez de um evento, por isso estou tendo grande dificuldade em acionar a alteração de CSS necessária quando a reversão ocorre.
Meu código:$('#peg_icon').draggable({
revert: 'invalid',
scroll: false,
stack: "#peg_icon",
drag: function(event, ui) {
$('#peg_icon').css('background-image','url(images/peg-icon-when-dragged.png)');
}
});
O que eu tentei:Eu tentei sem sucesso usar "reverter" como um evento:
revert: function(event, ui) {
$('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
},
Eu também tentei, sem sucesso, obter o parâmetro revert para executar esta função:
function(socketObj)
{
//if false then no socket object drop occurred.
if(socketObj === false)
{
//revert the peg by returning true
$('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
return true;
}
else
{
//return false so that the peg does not revert
return false;
}
}
Contexto:Estou arrastando um div que quando arrastado, a imagem de fundo muda e quando o arrastar reverte, a imagem de fundo é restaurada ao seu estado original.
Minha pergunta:Como faço para acionar uma mudança de CSS para outro elemento quando a reversão ocorre em um arrasto?