Was ich habe:

Ich habe ein verschiebbares div mit einem Rückstellungsparametersatz als "ungültig".

Was ich brauche:

Beim Zurücksetzen möchte ich eine CSS-Änderung an einem anderen Element auslösen.

Das Problem:

"revert" ist eher ein Parameter als ein Ereignis, daher habe ich große Schwierigkeiten, die erforderliche CSS-Änderung auszulösen, wenn das Zurücksetzen auftritt.

Mein Code:

$('#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)');
    }
});

Was ich versucht habe:

Ich habe erfolglos versucht, "Zurücksetzen" als Ereignis zu verwenden:

revert: function(event, ui) {
    $('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
},

Ich habe auch erfolglos versucht, den Revert-Parameter zu veranlassen, diese Funktion zu übernehmen:

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;
     }
  }

Kontext:

Ich ziehe einen div, der beim Ziehen das Hintergrundbild ändert und beim Zurückziehen das Hintergrundbild in seinen ursprünglichen Zustand zurückbringt.

Meine Frage:

Wie löse ich eine CSS-Änderung an einem anderen Element aus, wenn beim Ziehen ein Zurücksetzen auftritt?