2014-04-21 2 views
2

내가 JQuery와 객체에 의해 gallery-folder 속성에 액세스 할 수 있지만, 드롭 가능한이JQuery와 드롭 가능한

$(function() { 
     jQuery(document).find('#am-container').find('img').draggable({revert: true}); 
     jQuery(document).find("#gallary-folder").droppable({ 
      drop: function(event, ui) { 
       var draggableSrc = ui.draggable.attr("src"); 
       var gallery_id = $(this).find('li').attr("id"); 
      } 
     }); 
    }); 

다음에 작동하지 않는 내 jQuery 코드 것은이 바이올린 http://jsfiddle.net/gV7da/4/입니다

<div id="gallery-folder" class="gallery-folder ui-droppable"> 
    <div class="gallery-folder-inner"> 
    <a href="gallery_view.php?id=22&gallery_name=Clothes123"> 
     <img width="68" height="48" src="images/icon-2.png"> </a> 
    </div> 
</div> 

내 HTML입니다

+1

당신은'$ ('# ele')'대신'jQuery (document) .find ('# ele')'를 사용하고 있습니까? – Wex

+0

@Wex : 나는 그들이 똑같다고 생각한다. 내가 옛 학교에 붙어있는 이유이다. –

+0

당신의 바이올린은 되돌리기 : "true"'그것이 있어야한다. (당신이 질문에 쓴 것처럼)'되돌리기 : true' (no '진정한'주위에 인용구). 그런 다음, 정의되지 않은'saveImageAfterDrag' 호출을 주석 처리하고 오류를 던지면 문제가 무엇인지 알 수 없습니다. – ioums

답변

1

나는 당신의 바이올린을 보았습니다. 괜찮아. 이미지를 대상에 실제로 놓을 수 없습니다.

드래그 가능한 객체의 가운데를 대상 객체의 경계 내로 드래그해야한다는 의미입니다. 그리고 그것은 작동해야합니다 :)