Agregar una función a jQuery arrastrable revert "evento"
Tengo un div arrastrable con un parámetro revertido establecido como "no válido".
Lo que necesito:Cuando se produce la reversión, quiero activar un cambio de CSS en otro elemento.
El problema:"revertir" es un parámetro en lugar de un evento, así que estoy experimentando una gran dificultad para activar el cambio de CSS requerido cuando se produce la reversión.
Mi 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)');
}
});
Lo que he intentado:He intentado sin éxito usar "revertir" como un evento:
revert: function(event, ui) {
$('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
},
También he intentado sin querer que el parámetro revert para tomar esta función:
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:Estoy arrastrando un div que cuando se arrastra, la imagen de fondo cambia y, cuando se arrastra, la imagen de fondo se restaura a su estado original.
Mi pregunta:¿Cómo desencadeno un cambio de CSS a otro elemento cuando ocurre la reversión en un arrastre?