2010-04-29 51 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