div에서 이미지 이동 (드래그)

데모가 here인데 div에 업로드 된 이미지를 draggable로 만들려고했습니다.div에서 이미지 이동 (드래그)

는 내가 원하는 것은 솔 :

첫

- 업로드 및 2 차 이미지 - 그 사업부 (#holder)로 같은 이미지를로드 한 후, IMG는 (항상 #holder div의 내부에서) 드래그해야합니다. 나는 JQuery와 스크립트를하려고했는데

는 :

<script> 
    $(function() { 
     $("#holder > img").draggable(); 
     $("#holder > img").scalable(); 
     $("#holder > img").resizable({ alsoResize: "#mirror" }); 
    }); 

    </script>

왜 작동하지, 난 그냥 싶어 이미지를 이동,

그래서 첫 번째 단계 :(의 스크립트 후 해당 스크립트를 추가 draggable() 또는 $ ("# holders> img") .docreable() ???

해결 방법 : : : -> 아주 간단했습니다 ¬¬ 이미지를 내려 놓은 후 $("#holder > img").draggable();을 그냥 쓰는 것

왜냐하면 나는 문서를로드 할 때 매우 큰 실수를 저지르고 있었기 때문입니다. Sorryyyyyy & 감사합니다.

출처

2013-06-02 Despertaweb

jQuery UI를 추가 했습니까? html로 ' – iraycd

확실히 친구, 나는 시험을했다. : D – Despertaweb

예. 문제는 업로드 된 이미지를 드래그하기 시작할 때 문제가된다고 생각합니다. 마치 이미지가 nem 이미지 인 것처럼 받아서 div의 중심에 다시 놓습니다. 어떻게 내가 이것을 막을 수 있겠습니까 ??? – Despertaweb

드래그하려는 부모 요소에 draggable을 사용해야합니다. 그래서

$("#holder").draggable()

출처

2013-06-02 18:20:26

아니요, 아니요. 그냥 이미지를 옮기고 싶지 않습니다. $ ("# holder"img ") 또는 draggable() 또는 $ ("# holders> img ") childre(). draggable() ??? – Despertaweb

은 #holder의 직접적인 하위 요소 인 img 요소입니까? thats that>는 #holder의 직계 하위 요소 인 모든 img 요소를 의미합니다. –

예 그것은 @ 패 릭 에반스 – Despertaweb

이 jQuery UI Draggable의이 웹 사이트를 확인하시기 바랍니다. 여기에는 소스 코드 예제가 포함됩니다.

나는 이것이 정확히 필요한 것 같아요. jQuery File Upload

출처

2013-06-02 18:25:59 iraycd

그래, 벌써 해 봤어, 정확히 내가 한 짓이야 : $ ("# holder"img ") draggable() 또는 $ ("# holders> img ") childre(). draggable() @ iraycd – Despertaweb

아니요, 이미지를 볼 수 있어야합니다. ( – Despertaweb

드래그 할 때 보이지 않습니까? – iraycd

div에서 이미지 이동 (드래그)

답변

관련 문제