如何检查成功的拖放

时间:2015-09-18 21:52:24

标签: javascript jquery drag-and-drop droppable

我有三个droppables。这些droppables构成一个3个字母的单词。当删除最后一个字母时,我想给用户提供构建另一个单词的选项。但是,目前我所有的droppable都没有按任何特定的顺序动态下降:

   $(".droppable0").droppable({
                    revert: false,
                    accept: '#0',
                    drop: function (event, ui) {
                        $(this).droppable('disable');
                        ui.helper.data('dropped', false);

                        correctResult.fadeIn(1000);
                        correctResult.prepend(Correctd())

                        correctResult.html("You're doing great!");

                        $(".speech").show();

                        correctResult.fadeIn(1000);
                        correctResult.fadeOut(10000)

                    }
                });


                $(".droppable1").droppable({
                    revert: false,
                    accept: '#1',
                    drop: function (event, ui) {
                        $(this).droppable('disable');
                        ui.helper.data('dropped', false);

                        correctResult.fadeIn(1000);
                        correctResult.prepend(Correctd())

                        correctResult.html("You're doing great!");

                        $(".speech").show();

                        correctResult.fadeIn(1000);
                        correctResult.fadeOut(10000)
                    }
                });

                $(".droppable2").droppable({
                    revert: false,
                    accept: '#2',
                    drop: function (event, ui) {
                        $(this).droppable('disable');
                        ui.helper.data('dropped', false);

                        correctResult.fadeIn(1000);
                        correctResult.prepend(Correctd())

                        correctResult.html("Well done! You built the word.");

                        $(".speech").show();

                        correctResult.fadeIn(1000);
                        correctResult.fadeOut(10000)
                        $(".nextButton").show();

                    }
                });

基本上,在最后一个droppabble $(".droppable2")上,我想通知用户该单词已成功完成。然后建议他们再建一个字。

如何在激活最后一个droppable之前检查其他droppable是否成功?先感谢您。

1 个答案:

答案 0 :(得分:0)

有一个可以计算成功丢弃次数的变量。在每个drop上增加变量。对于每个drop,如果它等于完成单词所需的drop数,然后建议他们构建另一个单词,请检查此变量。

重新发表评论。如果您仍然需要帮助,请随时回复!

相关问题