Co ja mam:

Mam draggable div z ustawionym parametrem przywracania jako „nieprawidłowy”.

Czego potrzebuję:

Kiedy nastąpi powrót, chcę wyzwolić zmianę CSS na inny element.

Problem:

„revert” jest parametrem, a nie zdarzeniem, więc mam duże trudności z wyzwoleniem wymaganej zmiany CSS, gdy nastąpi powrót.

Mój kod:

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

Co próbowałem:

Próba użycia „cofnij” jako zdarzenia zakończyła się niepowodzeniem:

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

Nieudolnie próbowałem też przywrócić paramaterowi tę funkcję:

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

Kontekst:

Przeciągam div, który po przeciągnięciu zmienia obraz tła i kiedy przeciąga powraca, obraz tła jest przywracany do pierwotnego stanu.

Moje pytanie:

Jak wyzwolić zmianę CSS na inny element po przywróceniu po przeciągnięciu?