jQuery draggable()函数不起作用

时间:2014-09-03 15:59:06

标签: jquery html css draggable

这是我的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,但没有发生任何事情。

编辑:结果我导入了错误的东西。另外,当我把它从switch语句中取出并将其放在下面时,draggable()函数效果更好。

1 个答案:

答案 0 :(得分:1)

在jsfiddle上清理你的代码,包括jQuery和jQuery UI。还改为将html改为:

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

现在有效(首次点击后)。这是有道理的,因为事件在您第一次单击后(以及在您发布后再次)被触发。

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