요소를 다른 자리 표시자가있는 자리 표시 자로 끌려고 할 때 문제가 있습니다.JQuery UI가 특정 영역에만 드롭 가능합니다.
하자 내가 가진 말 :
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
요소를 허용하기 때문에 의미가이 경고를 참조하십시오. 내가 달성하고자하는 것은 질문 텍스트를 특정 자리 표시 자로 끌면 모든 사람이 아닌이 자리 표시 자에서만 끝납니다. 이것이 할 수있는 방법이 있습니까?
"범위"- 매개 변수는 어떻습니까? –
범위를 사용하면 특정 영역에만 요소가 적용됩니다. 또한 질문 그룹과 질문에 텍스트를 드래그 할 수 있어야하지만 질문 그룹으로 드래그하면 질문 그룹에 나타나지 않습니다. 그 반대의 경우도 마찬가지입니다. – user2219247