Javascript jquery可删除错误

这是我的密码

$("#selected").droppable({
drop: function() {
    total = total + 1;
        alert('total : ' + total);
    }
});

我遇到以下错误：

$（“#选定”）。可拖放不是一个函数

---

解决这个问题的方法是什么？

只需检查几个标准事项：

1） 在此脚本之前是否包含jquery.js和jqueryui.js？
2） 此行前是否有语法错误？

---

3） 您是在$（document.ready（…）或等效文件中执行此操作的（不一定是问题，但只是以防万一）

您的

标记可能存在以下问题之一：

• jQueryUI是否被正确地包含
• jQuery是否包含在jQuery UI之前？（这不应该是问题所在，否则会出现不同的错误）
• jQuery是否在jqueryui之后的页面中再次包含？（这将删除所有插件，包括jQuery UI，因为它重新定义了

  jQuery

  对象）

---

第三个是一个非常常见的被忽略的问题，jQuery UI添加的所有插件都会被另一个jQuery破坏，包括覆盖

jQuery

对象。

以防有人仍然需要它：您可能已经完成了上面所述的一切，但仍然无法工作。 如您所知，现在您可以下载jQueryUI的自定义版本

检查您的设备是否有可拖动组件。如果不确定，请尝试从重新下载，并确保还选中了可拖放组件

---

（这就是我的情况）

在Angular之前添加JQuery脚本对我来说很有效。Dragdrop文档缺少此信息

我的index.html结果如下：

 <script src="bower_components/jquery/dist/jquery.js"></script>
 <script src="bower_components/jquery-ui/jquery-ui.js"></script>
 <script src="bower_components/angular/angular.js"></script>

---

为了搜索者的利益（遵循@Paulo Pedroso关于角度的回答）

在使用link函数中的元素时，可以通过AngularJS指令看到此错误

对我来说，问题是元素是作为jqLite元素而不是JQuery来的。必须将其转换为JQuery才能访问jQueryUI函数。即

myApp.directive('jqDrop', ['$rootScope', function ($rootScope) { 
    return {
        restrict: 'A',
        link: function (scope, elm, attr) {

            // NOTE: elm comes in under jqLite, so need to jQuery it.
            $(elm).droppable({
                drop: function (event, ui, x) {
                    // Do stuff here...
                },
                greedy: false,
                over: function (event, ui) {
                },
            });
        }
    };
}]);

不必在另一个应用程序上进行此转换（但不确定原因），因此在此处发布以节省一些调查