这是我的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()函数效果更好。
答案 0 :(得分:1)
在jsfiddle上清理你的代码,包括jQuery和jQuery UI。还改为将html改为:
<div class="drag">Hello</div>
现在有效(首次点击后)。这是有道理的,因为事件在您第一次单击后(以及在您发布后再次)被触发。