JQuery可丢弃问题
我在JQuery的可拖放特性方面遇到了问题。 我从这里修改了JS:JQuery可丢弃问题,jquery,html,drag-and-drop,draggable,droppable,Jquery,Html,Drag And Drop,Draggable,Droppable,我在JQuery的可拖放特性方面遇到了问题。 我从这里修改了JS: $(函数(){ $(“ul.draggable li”).draggable(); $(“div.droppable”).droppable({ drop:函数(事件、用户界面){ 警报(“你好世界”); } }); }); 一个 两个 三个 在这里下车 如果我将draggable和droptable设置为HTML元素的ID,JQuery可以正常工作。但是,当它们是类时,只有draggable功能工作,drop功能似乎没
$(函数(){
$(“ul.draggable li”).draggable();
$(“div.droppable”).droppable({
drop:函数(事件、用户界面){
警报(“你好世界”);
}
});
});
一个
两个
三个
在这里下车
如果我将draggable和droptable设置为HTML元素的ID,JQuery可以正常工作。但是,当它们是类时,只有draggable功能工作,drop功能似乎没有任何作用,警报功能也不会执行
任何帮助都会很好。我的JQuery库出现了问题。感谢Nick的测试。这是您的示例代码:我不明白这个问题吗?是这个标记的问题,还是其他一些理想的标记,如果是这样的话,你能把它添加到问题中吗?就是这个标记。有趣的是,它是如何为你而不是为我工作的这是我的javascript库的一部分。。。谢谢
<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>