0

요소를 다른 자리 표시자가있는 자리 표시 자로 끌려고 할 때 문제가 있습니다.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-placeholderquestion-placeholder 나는 두 이벤트가 호출 텍스트 요소를 드래그하고 내가 둘 다 question-text 요소를 허용하기 때문에 의미가이 경고를 참조하십시오. 내가 달성하고자하는 것은 질문 텍스트를 특정 자리 표시 자로 끌면 모든 사람이 아닌이 자리 표시 자에서만 끝납니다. 이것이 할 수있는 방법이 있습니까?

+0

"범위"- 매개 변수는 어떻습니까? –

+0

범위를 사용하면 특정 영역에만 요소가 적용됩니다. 또한 질문 그룹과 질문에 텍스트를 드래그 할 수 있어야하지만 질문 그룹으로 드래그하면 질문 그룹에 나타나지 않습니다. 그 반대의 경우도 마찬가지입니다. – user2219247

답변

0

해결책을 찾았습니다.

greedy 옵션을 true (greedy: true)로 설정해야했습니다.