jQuery 的 draggable() 函数不起作用

Question

这是我的 JSFiddle：http://jsfiddle.net/o5tupLcb/。

我的问题是，为什么 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;
        }
    });
});

请注意，我已经尝试导入 jQuery UI，但没有任何反应。

编辑：原来我导入了错误的东西。此外，当我将 draggable() 函数从 switch 语句中取出并放在下面时，它的效果会更好。

Answer 1

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

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

现在可以工作了（第一次点击后）。这是有道理的，因为该事件在您第一次单击后触发（并在您释放后再次触发）。

http://jsfiddle.net/o5tupLcb/1/