gpt4 book ai didi

javascript - 拖动 .drag 时以绿色 .drop div 闪烁

转载 作者:行者123 更新时间:2023-11-30 16:26:35 24 4
gpt4 key购买 nike

我想在拖动 .drag 时使 .drop div 闪烁。

当 .drag div 被删除或还原时,我希望 .drop div 停止闪烁。

但我想用颜色闪烁,例如绿色,但我不知道如何使用 fadeTo()。

您知道如何修复我的代码以实现此目的吗?

这里的例子:

http://jsfiddle.net/8t9v5tpq/2/

代码:

$(".drag").draggable({
revert: 'invalid',
drag: function(event, ui) {
$('.drop').fadeTo('fast',0).fadeTo('fast',1);
}
});

$('.drop').droppable({
over: function(event, ui) {
$('.drop').fadeTo('fast',0).fadeTo('fast',0);
ui.draggable.remove();
}
});

最佳答案

.drag 被选中时,你可以尝试改变 div 的背景颜色

$(".drag").draggable({
revert: 'invalid',
drag: function(event, ui) {
$('.drop').fadeTo('fast',0)
$('.drop').css('background-color', 'green')
$('.drop').fadeTo('fast',1);
}

});

JSFiddle

关于javascript - 拖动 .drag 时以绿色 .drop div 闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34051949/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com