JQuery 可丢弃问题答案

【问题标题】：JQuery droppable problemJQuery 可丢弃问题
【发布时间】：2010-09-16 10:45:37
【问题描述】：

我在使用 JQuery 的可放置功能时遇到问题。我从这里修改了 JS：http://jqueryui.com/demos/droppable/

<script type="text/javascript">
$(function() {
    $("ul.draggable li").draggable();
    $("div.droppable").droppable({
            drop: function(event, ui) {
                    alert('Hello World');
            }
    });
});
</script>

<ul class="draggable">
    <li id="one">One</li>
    <li id="two">Two</li>
    <li id="three">Three</li>
</ul>

<div class="droppable">
    <p id="round">Drop here</p>
</div>

如果我将 draggable 和 droppable 设置为 HTML 元素的 ID，则 JQuery 可以正常工作。
但是，当它们是类时，只有可拖动功能才有效，drop 功能似乎没有任何作用，并且警报功能不会被执行。

任何帮助都会很棒。

【问题讨论】：

这是您的示例代码工作：jsfiddle.net/nick_craver/hgsWj 我不理解这个问题吗？是这个标记的问题，还是其他一些理想的标记，如果是这样，你可以将它添加到问题中吗？
就是这个标记。有趣的是它是如何为你而不是我工作的。 :S
这与我的 javascript 库有关...谢谢。

标签： jquery html drag-and-drop draggable droppable

【解决方案1】：

原来我的 JQuery 库有问题。感谢 Nick 的测试。

【讨论】：