Question

搜索谷歌和stackoverflow近两个小时后，我无法理解这一点。我无法在代码中找到问题：

HTML：

<ul style="list-style:none;cursor:default;">
    <li>uuu</li>
    <li>aaa</li>
</ul>

<div id="canvas" style="height:300px;width:400px;border: 1px solid black"></div>

使用Javascript：

$("li").draggable({
    helper: function () {
       return $("<div class='helper'>test</div>");
    }
});


$("#canvas").droppable({
    accept: ".helper",
    drop: function (ev, ui) {
        var h = ui.helper.clone(false) //$(ui.helper).clone(false) shows the same behaviour
               .removeClass('ui-draggable-dragging')
               .css({position:'relative', left:0, top:0});
        $(this).append(h);
    }
});


$("body").disableSelection();

无论我做什么，每当我指定＆＃34;接受＆＃34; .droppable，$（＆＃34;＃canvas＆＃34;）的选项不再获得任何元素。这是小提琴：http://jsfiddle.net/98tdy/ 有谁能告诉我这个问题？

Answer 1

您的代码无效，因为您已指定<div id="#canvas"

所以$("#canvas")无法工作。只需将ID更改为canvas

即可

检查此fiddle

JQuery UI droppable接受条件不起作用

1 个答案: