Javascript 如何暂停并从不透明度恢复fadeIn（）？

我正在尝试从暂停的不透明度恢复fadeIn（）。 我有两个拖鞋。如果一个被丢弃（我称之为draggable_purple），一个紫色的div开始淡入。仅适用于特定的不透明度。当达到不透明度时，会出现另一个div（浅蓝色），并显示一条消息以删除黄色可拖动对象。在黄色拖缆放下后，我想让紫色潜水艇继续fadeIn

这听起来可能有点牵强，请原谅我的代码，我试图将其缩小到本例中唯一重要的元素

在JSFIDLE中，您可以找到我的解决方案，但它不起作用。我的问题是；你将如何解决这个问题？为什么我自己的解决方案不起作用。提前感谢您抽出时间

jQuery

$("#draggable_purple").draggable({
    revert: true
});


$("#draggable_yellow").draggable({
    revert: true
});

$("#orange").droppable({
    drop: function(event, ui) {
        if (ui.draggable.is('#draggable_purple')) {
            $(this).parent().find('#purple').fadeTo(1500, 0.5, onhold);

            $(this).droppable('destroy');
        }
    }
});


function onhold() {
    $(this).parent().find('#lightblue').show();
}

$('#lightblue').droppable({
    accept: '#draggable_yellow',
    drop: function(event, ui) {
        $(this).hide('fast'); $('#purple').css('opacity', 0.5).fadeIn(1500, 1.5);
    }
});

HTML

    <div id="orange">
         <div id="purple">
          </div>
        <div id="lightblue"> Drop the yellow div,
            to continue the fadeIn
          </div>
          </div>

 <div id="draggable_purple"> start purple fadeIn
          </div>
 <div id="draggable_yellow"> resume fadeIn
          </div>

放下黄色的div，
继续法登
开始紫色法丁
恢复法登

好的稳定暂停/恢复令人惊讶地棘手，但-好消息-有一个jQuery可以帮助你。

好的稳定暂停/恢复令人惊讶地棘手，但-好消息-有一个jQuery可以帮助你。

你正在使用黄色方法中的

.fadeIn

，而不是

.fadeTo

（我也不知道你为什么有

1.5

。。我想

1

就可以了。

你用的是

.fadeIn

而不是

.fadeTo

（我也不知道你为什么有

1.5

。

1

就可以了。

改变这个：

$('#purple').css('opacity', 0.5).fadeIn(1500, 1.5);

为此：

$('#purple').fadeTo(1500, 1);

---

另一件事，这行：

$(this).parent().find('#purple').fadeTo(1500, 0.5, onhold);

是无意义的。您有

id

，它是唯一的，不需要

父项

和

查找

：

$('#purple').fadeTo(1500, 0.5, onhold);

更改此项：

$('#purple').css('opacity', 0.5).fadeIn(1500, 1.5);

为此：

$('#purple').fadeTo(1500, 1);

---

另一件事，这行：

$(this).parent().find('#purple').fadeTo(1500, 0.5, onhold);

是无意义的。您有

id

，它是唯一的，不需要

父项

和

查找

：

$('#purple').fadeTo(1500, 0.5, onhold);

---

对不起，你是说有一个JSFIDLE来处理这个问题吗？@Bruno我的错对不起，现在是时候了对不起，你是说有一个JSFIDLE来处理这个问题了吗？@Bruno我的错对不起，现在是时候了你对代码的看法是对的，我缩小了范围，有些行可能仍然牵强。你对代码的看法是对的，我缩小了范围，有些行可能仍然牵强。