jquery ui selectable - Nothing happens

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>