为什么我不能使用jQueryUI使这些按钮可拖动，即使我使用{cancel：false}？

Question

我正在尝试使用jQueryUI使按钮可拖动和可放置。我知道为了做到这一点，我必须设置cancel属性;但是，它似乎并不适用于这种特殊情况。我的代码是on this jsfiddle。

正如您所看到的，我已将按钮设置为在单击按钮时提醒按钮的html，但具有此功能不允许我再拖动按钮。如果我删除它，我的按钮可以被拖动。如果我删除了cancel：false属性，它（正确）禁用了拖动，所以我不确定为什么当.on（click）存在时它不会让我拖动。

function init() {
$('#makeMeDraggable ul li').draggable({cancel:false});
}

$("#unorderedlist").on('click','li',function(){
alert($(this).html);
}

任何人都可以帮助我吗？

Answer 1

如果您查看了控制台，您发现自己有语法错误......

$("#unorderedlist").on('click','li',function()
{
    alert($(this).html);
}

应该是：

$("#unorderedlist").on('click','li',function()
{
    alert($(this).html);
});

此外，您使用的是非常旧版本的jQuery。我已将小提琴更新为更新版本

现在可以使用：

fiddle

因此，请始终使用浏览器的开发人员工具（通常通过F12）运行您的代码，这样您就可以发现错误