angularjs – Bootstrap-突出显示Active和Angular指令
发布时间:2020-12-17 18:08:46 所属栏目:安全 来源:网络整理
导读:我正在尝试突出显示Bootstrap导航栏上的选定项目. 这是我的代码: ul class="nav navbar-nav navbar-left" top-bar 和指令: a.directive('topBar',function () {return { restrict: 'AE',link: function (scope,elem,attrs) { $(elem).on("click",function
我正在尝试突出显示Bootstrap导航栏上的选定项目.
这是我的代码: <ul class="nav navbar-nav navbar-left" top-bar> 和指令: a.directive('topBar',function () { return { restrict: 'AE',link: function (scope,elem,attrs) { $(elem).on("click",function () { $(elem).find(".active").removeClass("active"); $(this).parent().addClass("active"); }); } } }); 它只有在我删除class =“nav navbar-nav navbar-left”时才有效.否则,它没有进入指令.有什么建议? 谢谢 解决方法
我想你想要听取组件中列表项(标签li)的点击并更新它的类.尝试使用
event delegation – 如果您使用的是jQuery,只需在通话中添加额外的选择器:
a.directive('topBar',function () { return { restrict: 'AE',attrs) { elem.on("click","li",function (e) { elem.find(".active").removeClass("active"); $(this).addClass("active"); }); } }; }); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |