Jquery "draggagle"& "droppable"을 사용하고 있습니다.
다른 드래그 가능한 요소에 드래그 가능한 요소를 놓을 때 맨 아래에있는 요소의 배경색을 변경하고 싶습니다. (아니 DROPZONE)
드래그 가능한 요소가 Jquery와 함께 다른 드래그 가능한 요소에 드롭되었는지 어떻게 알 수 있습니까?
"마우스 오버"어떤 종류의, 그러나 "elementover": 무엇 내가 시도
?
거의 아무것도, 나는 사용할 구문을 알아 내려고하고 있습니다.
"droppable"에 "over"기능이 있지만 "dropzones"에서만 작동합니다.
Jquery는 "호버()"기능을 가지고 있지만 마우스에서 작동하지만 다른 요소로 마우스를 가져 가면 가능합니다.
가능합니까?
UPDATE는
바이올린 : 다른 요소에 의해 교차되는 경우
https://jsfiddle.net/0apuqnxd/27/
$('.elementsDiv').droppable({
over: function(){
$(this).css('background-color', 'red');
},
out: function(){
$(this).css('background-color', '');
}
});
, 지금 내 문제는 즉, 색상이 다시 때 변경된다 "아웃".
는 [JQuery와 낙하 할 (https://jqueryui.com/droppable/#accepted-elements) 박스 ('hoverClass' 속성)의 출력이 기능을 갖는다. '.draggable'과'.droppable' 플러그인을 모두 사용해야합니다 – Catalin
@RaraituL하지만'.draggable' 요소도'.droppable'으로 만들 수는 없습니다. 왜냐하면 내가 요소를 드롭하면 그 "dropzone"에 추가됩니다. 이것은 내가 dropzones을 많이 가질 것을 의미합니다! –
드롭하면 색상을 변경하고 싶습니까? 이 경우'drop' 메소드를 사용할 수 있습니까? –