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

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

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