2016-06-01 4 views
0

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', ''); 
    } 
}); 

, 지금 내 문제는 즉, 색상이 다시 때 변경된다 "아웃".

+0

는 [JQuery와 낙하 할 (https://jqueryui.com/droppable/#accepted-elements) 박스 ('hoverClass' 속성)의 출력이 기능을 갖는다. '.draggable'과'.droppable' 플러그인을 모두 사용해야합니다 – Catalin

+0

@RaraituL하지만'.draggable' 요소도'.droppable'으로 만들 수는 없습니다. 왜냐하면 내가 요소를 드롭하면 그 "dropzone"에 추가됩니다. 이것은 내가 dropzones을 많이 가질 것을 의미합니다! –

+0

드롭하면 색상을 변경하고 싶습니까? 이 경우'drop' 메소드를 사용할 수 있습니까? –

답변

-1

당신이

당신은 당신이 원하는에 코드를 찾을 수에 가서 "드래그 앤 드롭"샘플이 하나

을 시도 자바 스크립트 라이브러리 다른를 사용하는 자사의 확인을 경우.

http://interactjs.io/

+0

감사합니다. 나는 이것을 들여다 볼 것이다! –

+0

이 프레임 워크가 Jquery보다 나은지 어떻게 볼 수 없습니까? –

+0

jQuery보다 좋거나 나쁘다고 말하지 않았습니다. "끌어서 놓기"섹션의 코드가 해당 영역에서 많은 색상 변경을했기 때문에 문제를 해결하는 데 도움이 될 것이라고 말한 것입니다. –

관련 문제