我在尝试将元素拖动到其中有另一个占位符的占位符时遇到问题。
假设我有：
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-placeholder当question-placeholder我拖动文本元素时，两个事件都被调用，我看到两个警报，这是有道理的，因为它们都接受question-text元素。我想要实现的是，如果我将问题文本拖到特定的占位符上，它只会出现在这个占位符上，而不是所有的占位符上。有什么办法可以做到这一点？