我拥有的:
我有一个可拖动的 div,其恢复参数设置为“无效”。
我需要的:
当恢复发生时,我想触发对另一个元素的 CSS 更改。
问题:
“恢复”是参数而不是事件,因此当恢复发生时,我在触发所需的 CSS 更改时遇到了很大的困难。
My 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)');
}
});
我尝试过的:
我尝试使用“恢复”作为事件未成功:
revert: function(event, ui) {
$('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
},
我也未能成功尝试获取恢复参数来执行此功能:
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;
}
}
Context:
我正在拖动一个 div,当拖动时,背景图像会发生变化,当拖动恢复时,背景图像会恢复到其原始状态。
我的问题:
当拖动发生恢复时,如何触发对另一个元素的 CSS 更改?