jQueryUI - 드래그 앤 드롭으로 별도의 클릭으로

jQueryUI 드래그 앤 드롭으로 드래그 앤 드롭 OK를 구현했습니다.jQueryUI - 드래그 앤 드롭으로 별도의 클릭으로

덜 익숙한 사용자를 위해 눈에 띄는 '이동'버튼도 제공하고 싶습니다. 이 버튼을 클릭하면 요소가 선택되고 드롭 대상에서 다시 클릭하면 해당 요소가 삭제됩니다. 따라서 드래그 앤 드롭과 동일하지만 클릭 한 번으로 시작하고 다른 클릭으로 떨어졌습니다.

별도의 코드로이 작업을 수행 할 수 있음을 알고 있지만, 약간의 변형을 위해 모든 것을 재발 명하지는 않을 것입니다. jQueryUI가이 작업을 수행 할 수있는 방법이 있습니까?

나는 당신이 mousedown 이벤트를 통과해야 드래그의 트리거 방법을 호출 찾았지만 유일한 것은 ...

감사

나는 그것의 대상 객체에 애니메이션을 .animate을 사용

출처

2012-01-09 O' Rooney

내 대답은 this other question입니다. 그렇게하는 대신

$("#headerDiv") 
    .mousedown(function(event) { 
    x = event.pageX; 
    y = event.pageY; 
    $(this).parent().addClass('movable'); 
    }) 
    .mouseup(function() { 
    $(this).parent().removeClass('movable'); 
    });

바인드 click의 변경 및 드래그 (mousedown 상당)를 시작하거나이 대부분의 방법이어야한다 (해당 mouseup) 드래그를 종료하는 경우를 결정하는 토글 메커니즘을 구현하는 경우 .

출처

2012-01-09 03:16:31 patrickmcgraw

만약 당신이 옳지 않다면 죄송합니다. 하지만 이것이 jQueryUI 드래그 드롭 지원을 재사용하는 방법을 알지 못합니다. 완전히 새로운 메커니즘을 수행하는 것입니다 ... –

잘 수행 할 수있는 드래그 가능한 항목이 너무 많습니다. jQueryUI에 대한 설정 시간은 IE8 및 Chrome에서 금지되어 있습니다. 대신 명시적인 "이동"버튼 메커니즘으로 바꾸고 있습니다. 그래서 여러분이 토론하는 것과 비슷한 일을하십시오. 도와 주셔서 감사합니다. –

. 나는 게임을하기 전에 이것을했다. 예를 들어, 요소의 onClick of the button으로 이동할 위와 왼쪽 좌표를 지정할 수 있습니다.

출처

2012-01-09 03:09:02

jQueryUI - 드래그 앤 드롭으로 별도의 클릭으로

답변

관련 문제