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()
                }
            });
        }
    }
});

问题是，当我单击select元素中的子元素时，它没有被点击而是它的父元素点击（我已经实现了可选择的）被触发了

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

Plunker

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

Angularjs：jquery可选子元素单击问题

1 个答案: