我在尝试将元素拖动到其中有另一个占位符的占位符时遇到问题。
假设我有:
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
元素。我想要实现的是,如果我将问题文本拖到特定的占位符上,它只会出现在这个占位符上,而不是所有的占位符上。有什么办法可以做到这一点?