jquery - Angularjs:jquery可选择子元素点击问题

Question

我使用jquery selectable来选择元素，它工作正常。

myModule.directive('uiSelectable', function ($parse) {
    return {
        link: function (scope, element, attrs, ctrl) {

        scope.$on('clearselection', function (event, document) {
          element.find('.ui-selected').removeClass('ui-selected')
        });

            element.selectable({
                stop: function (evt, ui) {
                    var collection = scope.$eval(attrs.docArray)
                    var selected = element.find('div.parent.ui-selected').map(function () {
                        var idx = $(this).index();
                        return { document: collection[idx] }
                    }).get();

                    scope.selectedItems = selected;
                    scope.$apply()
                }
            });
        }
    }
});

问题是当我单击可选中的子元素时，它不会被单击，而是会触发其父元素单击(我已实现可选)

有人可以指导我如何使用 angularjs 单击子元素

笨蛋

http://plnkr.co/edit/3cSef9h7MeYSM0cgYUIX?p=preview

经过一番研究，我得出结论，这是因为 Jquery UI-Selectable 任何人都知道如何使用 UI-Selectable 修复它，或者有任何其他替代方法来使用 ctlr + shift 选择多个项目

Answer 1

添加距离:1 将解决您的问题。因为当您开始选择时，jQuery UI 在鼠标正下方添加一个元素 (ui-selectable-helper)，并阻止您单击“下面”的元素。 http://plnkr.co/edit/WV9NmvwFX5ADYv5OUumF?p=preview