Что у меня:
У меня есть draggable div с параметром revert set как "invalid".
Что мне нужно:
Когда происходит возврат, я хочу вызвать изменение CSS для другого элемента.
Проблема:
"revert" - это параметр, а не событие, поэтому я испытываю большие трудности при запуске требуемого изменения CSS при возврате.
Мой код:
$('#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)');
}
});
Что я пробовал:
Я безуспешно пытался использовать "revert" в качестве события:
revert: function(event, ui) {
$('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
},
Я также безуспешно пытался получить параметр revert paramater для выполнения этой функции:
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;
}
}
Контекст:
Я перетаскиваю div, который при перетаскивании меняет фоновое изображение, и когда перетаскивание возвращается, фоновое изображение восстанавливается в исходное состояние.
Мой вопрос:
Как я могу вызвать изменение CSS для другого элемента, когда при перетаскивании происходит перетаскивание?