jquery ui selectable - 没有任何反应

Question

我不知道我是否正在使用jQuery UI的.selectable（）API完全错误。此脚本的预期结果是在选择黑盒子（div）期间简单地收到一些警报：

http://jsfiddle.net/jMDVm/32/

我创建自己的selectables（）时遇到了麻烦，所以我觉得我一定错过了一些关于特定功能的基本功能。

Answer 1

请注意，在文档中，您在元素上调用.selectable()，然后在内调用元素，使其成为可选元素。您想在#selectable div中添加一些内容。

http://jsfiddle.net/jMDVm/40/

Answer 2

如documentation example所示 - 您需要在.selectable()上调用#wrapper来影响其所有子节点。

以下是您的标记/代码的updated fiddle。

$("#wrapper").selectable({
        selected: function(event, ui) {
            alert("Selected");
        },
        selecting: function(event, ui) {
            alert("Selecting");
        }
});

<div id="wrapper" style="width: 250px; height: 250px;">
            <div id="selectable"></div>
</div>