add mouseEnterToggleClass directive

This commit is contained in:
OldHawk
2017-05-16 16:41:12 +08:00
parent 6f7f08206a
commit f091c36b69

View File

@@ -27,4 +27,28 @@
});
}
}
angular.module('core')
.directive('mouseEnterToggleClass', mouseEnterToggleClass);
function mouseEnterToggleClass() {
var directive = {
restrict: 'A',
link: link
};
return directive;
function link(scope, element, attrs) {
element.bind('mouseenter', function () {
if (!element.hasClass(attrs.mouseEnterToggleClass)) {
element.addClass(attrs.mouseEnterToggleClass);
element.removeClass(attrs.baseClass);
element.siblings().removeClass(attrs.mouseEnterToggleClass);
element.siblings().addClass(attrs.baseClass);
}
});
}
}
}());