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>