2010-04-29 44 views
0

我寫了一些可拖動的元素和一個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

獲取被刪除元素的方法是在drop方法中使用兩個參數(通常是event和ui)並從ui參數中獲取「draggable」屬性。

$("#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'你的意思是:) – 2010-04-29 17:03:12

+0

非常感謝。我沒有想過它是如此簡單:)如果我使用if .. else如果..它不會再工作。 ?! – rdesign 2010-04-29 17:08:13

+0

@Nick Craver - 是的。修復。謝謝! – 2010-04-29 18:12:45