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/