Jquery 当多个CSS类应用于单个元素时，通过使用其CSS类名使元素可拖放

我有以下元素

<div class="class1 class2 class3"></div>

但我不会把上面的div当作可放下的。有什么想法吗？

编辑更新后的问题：

.droppable（）

不接受函数，它接受对象或什么都不接受，您只需要将其作为默认值：

$('.class3').droppable();

还要确保它位于

文档中。准备好
处理程序，如下所示：

$(function() {
  $('.class3').droppable();
});

$("#droppable").droppable({
  drop: function() { alert('dropped'); }
});

然后，还要确保页面中正确包含了jQuery UI……如果不是这样，您应该会收到一个错误（
.droppable（）
不是函数，等等）。
编辑更新的问题：

.droppable（）
不接受函数，它接受对象或什么都不接受，您只需要将其作为默认值：

$('.class3').droppable();

还要确保它位于
文档中。准备好
处理程序，如下所示：

$(function() {
  $('.class3').droppable();
});

$("#droppable").droppable({
  drop: function() { alert('dropped'); }
});

然后，还要确保页面中正确包含了jQuery UI……如果不是这样的话，您应该会得到一个错误（
.droppable（）
不是函数，等等）。
试试这个

    $('.class3').droppable({ accept: 'someselector' });

试试这个

    $('.class3').droppable({ accept: 'someselector' });

这肯定会起作用，以下是导致错误的其他一些潜在原因：

在DOM准备就绪之前执行
确保在加载DOM后执行代码

$(document).ready( function() {
    //Your Code
});

$
对象冲突
一些对象使用变量
$
作为其函数的简写，请尝试使用
jQuery.

jQuery(document).ready( function() {
    jQuery('.class3').each(function(){
    });
});

编辑更新的问题
我不太熟悉droppable插件，但jQuery网站有一个类似的例子：

$(function() {
  $('.class3').droppable();
});

$("#droppable").droppable({
  drop: function() { alert('dropped'); }
});

更多信息：
这肯定会起作用，以下是导致错误的其他一些潜在原因：

在DOM准备就绪之前执行
确保在加载DOM后执行代码

$(document).ready( function() {
    //Your Code
});

$
对象冲突
一些对象使用变量
$
作为其函数的简写，请尝试使用
jQuery.

jQuery(document).ready( function() {
    jQuery('.class3').each(function(){
    });
});

编辑更新的问题
我不太熟悉droppable插件，但jQuery网站有一个类似的例子：

$(function() {
  $('.class3').droppable();
});

$("#droppable").droppable({
  drop: function() { alert('dropped'); }
});

更多信息：
它肯定能用！对不起，我贴错了。我已经更新了帖子。我没有把它作为可拖放的。我已经更新了代码，现在检查一下。希望这是你正在寻找的答案，它肯定会奏效！对不起，我贴错了。我已经更新了帖子。我没有把它作为可拖放的。我已经更新了代码，现在检查一下。希望这就是你的答案looking@NLV-将答案更新为匹配：）谢谢！我知道droppable（）不接受函数。忘记编辑该部分：）。我已经将其放在$（document）.ready（）中，但我仍然不认为它是可拖放的。我没有看到ui可拖放类应用于我的div元素。@NLV-如果您没有执行
警报（$（'.class3'）.length），那么您应该会得到一个错误ready
处理程序中，查看它匹配了多少元素。我得到0。好的，我知道了。我在用户交互的代码隐藏中动态创建元素。因此，最初调用的document.ready（）找不到该类的任何元素。这将改变逻辑。谢谢你的帮助：）。@NLV-将答案更新为匹配：）谢谢！我知道droppable（）不接受函数。忘记编辑该部分：）。我已经将其放在$（document）.ready（）中，但我仍然不认为它是可拖放的。我没有看到ui可拖放类应用于我的div元素。@NLV-如果您没有执行
警报（$（'.class3'）.length），那么您应该会得到一个错误ready
处理程序中，查看它匹配了多少元素。我得到0。好的，我知道了。我在用户交互的代码隐藏中动态创建元素。因此，最初调用的document.ready（）找不到该类的任何元素。这将改变逻辑。谢谢你的帮助：）。你永远不需要这样做，而且
。droppable（）
仍然不接受函数。没错，尼克，我把它当作自定义函数，但你说的没错。仍然不需要
。这里的每个（）
）我都有，因为在帖子更新之前，它显示了每个问题，所以我必须在我改变后立即居住，并根据这一点发布更新。谢谢你的输入。你永远不需要这样做，而且
。droppable（）
仍然不接受函数。没错，尼克，我把它当作自定义函数，但你说的没错。仍然不需要
。each（）
这里：）我有每个帖子，因为在更新之前，它显示了每个问题，所以我必须在我改变后立即居住，并根据这一点发布更新。谢谢你的意见。