0

いくつかのドラッグ可能な要素と 1 つのドロップエリアを持つ jquery コードをいくつか書きました。

残念ながら、私のドロップエリアはさまざまなオブジェクトの違いを生むことができません。

これが私のコードです。

<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>

それが機能する場合はありません。しかし、ドロップされたオブジェクトを取得できません。

ターゲットが認識されない理由はありますか?

どうもありがとう。

4

1 に答える 1

1

ドロップされた要素を取得する方法は、ドロップ メソッドに 2 つのパラメーター (通常はイベントと ui) を指定し、ui パラメーターから「ドラッグ可能」プロパティを取得することです。

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

            if($target.is("#flyer")) {
                alert("adasd");
            }
        }
    });
于 2010-04-29T17:02:10.280 に答える