jQuery'；s draggable（）函数不是'；行不通

我有一个JSFIDLE:

我的问题是，为什么div不拖拉？即使我赚了$（“.drag”）.draggable（）；它自己的语句在switch语句之外，不起作用

以下是一些jQuery：

$(document).ready(function() {
    $(".drag").mousedown(function(e) {
        switch (e.which) {
        case 1:
            $(this).toggleClass("mousedown");
            $(this).draggable(); /* This probably shouldn't be here */
        case 2:
            break;
        case 3:
            break;
        default:
            break;
        }
    });

    $(".drag").mouseup(function(e) {
        switch (e.which) {
        case 1:
            $(this).toggleClass("mousedown");
            $(this).draggable(); /* This probably shouldn't be here */
        case 2:
            break;
        case 3:
            break;
        default:
            break;
        }
    });
});

请注意，我已经尝试导入jQueryUI，但什么也没发生

---

编辑：原来我输入了错误的东西。另外，当我将draggable（）函数从switch语句中取出并放在下面时，它的工作效果更好。

清理了JSFIDLE上的代码，包括jQuery和jQuery UI。还将html更改为仅：

<div class="drag">Hello</div>

你好 现在工作（第一次单击后）。这是有意义的，因为事件是在您第一次单击后触发的（并且在您释放后再次触发）

---

未捕获类型错误：未定义不是函数。你没有包括jQueryUI，更不用说jQueryI试图在HTML头部导入它，但它仍然没有包含word。你可能是对的。您正在尝试重新设计Dragability并使用jQueryUI。只需使用

$（“选择器”）.draggable（）

即可将其拖动-无需绑定事件和使用逻辑，而且不能只包含jQuery UI。你必须包括jQuery，然后是jQuery UI。我这样做是因为我只是从记事本++复制粘贴了它。哇，谢谢！现在我只需要编辑toggleClass内容，因为mousedown CSS类以一种不受欢迎的方式交替出现。就是你在JSFIDLE中显示它的方式。仅将内容放入主体标记内，而不是主体标记本身。为jQuery检查jQuery UI和框架的外部资源。此外，因为您知道哪一个是单击（鼠标下沉），而哪个是释放（MouthUp），考虑使用AddioCube和ReaveCuLASS。更具体，可以帮助解决“滞后”可能引起的问题。如果问题得到解决，请标记正确答案（单击勾号并向左）。