javascript - 如何使用 jQuerys Selectable 选择一个 div 及其子元素作为句柄？

Question

我有一个 div，其中包含两个不填满该 div 的元素。我想选择元素来选择包含的 div。另外，我希望在 div 中单击但在元素外部不选择元素(并触发取消选择)。我该怎么做？

fiddle :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;
        }
    }
});

fiddle :http://jsfiddle.net/1stein/sNMw3/