【问题标题】:How to check for a successful drag and drop如何检查是否成功拖放
【发布时间】:2015-09-18 21:52:23
【问题描述】:

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

   $(".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 是否成功?先感谢您。

【问题讨论】:

  • 有一个变量来计算成功掉落的次数。在每一滴增加变量。对于每个drop,检查这个变量是否等于完成单词所需的drop数,然后建议他们构建另一个单词。
  • 可以按任意顺序滴吗?
  • 非常感谢兄弟,您的建议有所帮助。滴可以按任何顺序进行。您可以在回答表单中给您建议并且不接受它。

标签: javascript jquery drag-and-drop droppable


【解决方案1】:

有一个变量来计算成功掉落的次数。在每一滴增加变量。对于每个drop,检查这个变量是否等于完成单词所需的drop数,然后建议他们构建另一个单词。

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

【讨论】:

    猜你喜欢
    • 2013-06-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-12-31
    • 2012-09-21
    • 1970-01-01
    • 2016-09-25
    • 1970-01-01
    相关资源
    最近更新 更多