php - 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 而不是它的类属性。

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