jQuery droppable无法正常工作

Question

我正在尝试实现我认为是jQuery中的简单droppable。我需要可拖动的项目来更改数字ID。这些项目是可拖动的，但当我将它们拖到放置目标时，警报不会触发。我的代码如下：

    <script>
    $(function() {
        $( ".draggable" ).draggable();
        $( ".trash" ).droppable({
            accept: ".draggable",
            drop: function( event, ui ) {
                alert('dropped');
            }
        });
    });
    </script>


<div id="5" class="draggable"><p>Drag to target</p></div>

<div id="trash"><p>Drop here</p></div>

Answer 1

droppables选择器应该是#trash，引用div的id而不是它的class属性。

$("#trash").droppable ...