0

別のプレースホルダーがあるプレースホルダーに要素をドラッグしようとすると問題が発生します。

私が持っているとしましょう：

page.find("ol.question-group-placeholder").droppable({
    accept: ".question-type, .question-text",
    activeClass: "placeholder-active",
    hoverClass: "placeholder-hover",
    drop: function (event, ui) {
        alert("Dropped to the question group!");
    }
});

と：

page.find("ol.question-placeholder").droppable({
    accept: ".question-text",
    activeClass: "placeholder-active",
    hoverClass: "placeholder-hover",
    drop: function (event, ui) {
        alert("Dropped to the question!")
    }
});

最初のものは、クラスを持つ LI のみを受け入れる質問グループ OL です:.question-typeおよび.question-text.

2 つ目は、次のクラスの LI のみを受け入れる質問 OL ですquestion-text。

質問グループのプレースホルダーでクラスを含む要素をドラッグすると、question-typeこれが質問テキストのプレースホルダーになりますが、質問グループのプレースホルダーは、問題が発生する質問テキスト要素も受け入れます。

問題は、2 つのプレースホルダーがある場合です。テキスト要素をドラッグするquestion-group-placeholderとquestion-placeholder、両方のイベントが呼び出され、2 つのアラートが表示されます。どちらもquestion-text要素を受け入れるため、意味があります。私が達成しようとしているのは、質問テキストを特定のプレースホルダーにドラッグすると、すべてではなく、このプレースホルダーにのみ表示されることです。これを行う方法はありますか？

4

1 に答える 1

0

解決策を見つけました。

両方で貪欲なオプションを true ( greedy: true) に設定する必要がありました。

于 2013-07-12T09:17:14.760 に答える