如何使用jQuerys Selectable選擇div的子項作爲句柄？

Question

我有一個div，其中包含不填滿該div的兩個元素。我想選擇元素來選擇包含div。另外，我希望點擊div但在元素外部不會選擇元素（並觸發取消選擇）。我該怎麼做呢？

小提琴：http://jsfiddle.net/U5cmy/1/

Answer 1

$("#all").on("mousedown", function(event) { 
    if (!$(event.target).is(".item-top, .item-bottom") && !$(event.target).hasClass("ui-selected")) { 
     event.stopImmediatePropagation(); 
     return false; 
    } 
}); 

$('#all').selectable({ 
    start: function(event, ui) { 
     $(this).data("isDeselect", $(event.target).is(".item")) 
    }, 
    selected: function(e, ui) { 
     if ($(this).data("isDeselect") === true) { 
      $(ui.selected).removeClass("ui-selected"); 
      ui.selected = null; 
     } 
    } 
}); 

小提琴：http://jsfiddle.net/1stein/sNMw3/