Hinzufügen einer Funktion zu jQuery draggable revert "event"
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?