2013-07-31 5 views
0

새로운 내용 Jquery uidrag 여기에 새로운 질문이 있습니다.Jquery UI를 사용하여 끌어서 놓기를 수행하는 방법

DOMdrag 요소에 노력하고 그리고 내가 요소하지만 내 마우스로 요소 스틱을 drag 수 있으며, 나는 그것을 내려 놓고하는 방법을 잘 모르겠습니다 다음 코드

dragObj = document.getElementsByClassName('drag'); 
$(dragObj).draggable(); 

를 사용하여 ... 기타 나는 Jqueryui draggable 문서를 읽고 나에게 많은 것을 말하지 않습니다. 여기 누군가가 나를 도울까요? 고마워요!

+0

당신은 당신의 코드를 단순화 할 수 있습니다 단지'$ ('. 드래그'). 드래그()'당신이 이동하지만 당신은 왼쪽 손을 떼면 그때는 스틸 사진을 클릭 수 없다는 것 때문에 당신의 마우스 움직임을 따르십니까? –

+0

다음 예제 중 원하는 것은 무엇입니까? : http://jqueryui.com/draggable/ – 3dgoo

+0

@koala_dev 네, 맞습니다. – FlyingCat

답변

2

draggable()의 기본 동작은 요소가 mouseup에서 삭제된다는 것입니다.

어쩌면 코드의 해당 요소에서 mouseup 이벤트가 중단되고 있습니까? 나는 mouseup에 stopPropagation 전화를 걸어 증상을 반복 할 수있었습니다.

또한 자바 스크립트 오류가 없는지 확인하십시오.

http://jsfiddle.net/vQ9Y5/

$('div').draggable(); 

$('div').mouseup(function(ev){ 
    ev.stopPropagation(); 
}); 
+0

나는 너의 jsfiddle에 갔다. 그리고 나는 아직 그 원소를 넣을 수 없다. 기묘한. +1 – FlyingCat

+0

@FlyingCat이'ev.stopPropagation()'에 대해 주석을 달았습니다. Andy가 코드에서 할 수있는 일을 보여주었습니다. – exexzian

+2

@FlyingCat 제 답변에서 명확하지 않다면 죄송합니다. sansix는 정확합니다. 코드가 없으면 문제의 원인을 추측 할 수 있습니다. mouseup eventhandler 안에있는'stopPropagation' (또는'return false')이 문제를 일으킬 수 있다는 것을 알았습니다. – Andy

관련 문제