event.target 不起作用答案

【问题标题】：event.target doesn't workevent.target 不起作用
【发布时间】：2010-04-30 02:12:14
【问题描述】：

我已经编写了一些带有一些可拖动元素和一个放置区域的 jquery 代码。

不幸的是，我的 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>

如果没有它的工作原理。但后来我无法得到丢弃的对象。

任何想法为什么我的目标无法识别？

非常感谢。

【问题讨论】：

标签： jquery drag-and-drop events target

【解决方案1】：

获取被拖放元素的方法是给你的drop方法（通常是event和ui）设置两个参数，并从ui参数中获取“可拖动”属性。

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

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

【讨论】：

非常感谢。我没想到这么简单 :) 如果我使用 if .. else if .. 它将不再起作用。 ?!
@Nick Craver -- 是的。解决它。谢谢！