2010-04-29 1 views
0

일부 j draery 요소와 하나의 droparea가있는 jquery 코드를 작성했습니다.event.target이 작동하지 않습니다.

불행히도 내 droparea는 다양한 개체 사이에 차이를 만들 수 없습니다.

여기 내 코드가 있습니다.

<script type="text/javascript"> 

    $(function() { 

     $("#droparea").droppable({ 
      drop: function(event) { 
       var $target = $(event.target); 

       if($target.is("#flyer")) { 
        alert("adasd"); 
       } 
        else if($target.is("#flyer2")) { 
        alert("adasd2"); 
       } 
      } 
     }); 

    }); 


</script> 

</head> 
<body> 
<div id="droparea"></div> 

<div class="polaroid" id="flyer"> 
    <img src="images/muesliFlyer.png" alt="flyer" /> 
</div> 

작동하지 않는 경우. 그러나 그때 나는 떨어 뜨린 물건을 얻을 수 없다.

내 타겟이 인식되지 않는 이유가 있습니까?

감사합니다.

답변

1

드롭 된 요소를 가져 오는 방법은 드롭 메소드 (일반적으로 이벤트 및 UI)에 대한 두 개의 매개 변수를 가지며 ui 매개 변수에서 "드래그 가능"속성을 가져 오는 것입니다.

$("#droparea").droppable({ 
     drop: function(event, ui) { 
      var $target = ui.draggable; //note: draggable is a jQuery object 

      if($target.is("#flyer")) { 
       alert("adasd"); 
      } 
     } 
    }); 
+0

'ui.draggable' 의미 : –

+0

고마워요. 나는 그렇게 단순하지 않다고 생각하지 않았다. 만약 내가 사용한다면 ... .. 만약에 .. 더 이상 작동하지 않을 것이다. ?! – rdesign

+0

@ 닉 크레이 버 - 예. 고쳤다. 감사! –

관련 문제