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!")
    }
});

第一个是问题组 OL,它只接受带有类的 LI.question-type.question-text.

第二个是问题 OL,它只接受班级里的 LI question-text:.

当我question-type在问题组占位符中拖动具有类的元素时,这将成为问题文本的占位符,但问题组占位符也接受出现问题的问题文本元素。

问题是当有两个占位符时:question-group-placeholderquestion-placeholder我拖动文本元素时,两个事件都被调用,我看到两个警报,这是有道理的,因为它们都接受question-text元素。我想要实现的是,如果我将问题文本拖到特定的占位符上,它只会出现在这个占位符上,而不是所有的占位符上。有什么办法可以做到这一点?

4

1 回答 1

0

找到了解决方案。

我需要greedy: true在他们两个上将贪婪选项设置为 true ()。

于 2013-07-12T09:17:14.760 回答