带有“;E”;,无法添加Class
Angular directive with "E", cannot addClass
最近在学习angularjs时,我有一个关于指令的问题。当我创建一个"E",然后尝试在上面添加一个类调用"panel"(只将背景色设置为红色)时,它不起作用,但当我创建"a"时,它确实起作用。有人知道为什么会这样吗?
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'world';
});
app.directive("pop", function() {
return {
restrict: 'E',
template: '<div button>' +
'popup window, hello' +
'</div>',
link: function(scope, element, attrs) {
test(element);
}
}
});
app.directive("button", function() {
return {
restrict: "A",
link: function(scope, element, attrs) {
// test(element);
}
}
})
function test(element) {
element.bind("mouseenter", function() {
element.addClass("panel");
});
}
http://plnkr.co/edit/9cLRYIaHH4Rl4bO5GAOp?p=preview
如果将position:absolute;
添加到.panel的css中,它将按预期工作,请参见下面的plunkr。这里的问题是自定义标记元素的默认样式,而不是与angular有关的任何东西。
参见http://plnkr.co/edit/CEyCzfNu1gWQAe0q8VbP?p=preview
相关文章:
- 将鼠标悬停在Angular JS中的一个元素上,并将Class添加到另一个元素中
- 如果X与Y的href=匹配,则添加class'活动'-jQuery
- 元素必须单击两次才能添加Class(自定义指令)
- CoffeeScript:如何添加Class,除非
- 无法使用Javascript添加Class
- 带有“;E”;,无法添加Class
- 如何在ng repeat中添加Class
- 单击按钮运行函数并添加Class
- 查找所有禁用的字段并添加Class jquery
- 如何添加class="active"使用Javascript创建菜单栏
- 按顺序向一系列元素添加class
- jQuery:添加Class Active到<与当前页href
- 为具有特定CSS属性的元素添加Class
- 不能为元素添加class
- 添加Class到body>在用户滚动网页后标记
- 单击HTML元素A并用纯JavaScript在B上添加Class
- 为“某些选择”中具有相同父类的所有选项添加Class使用jquery
- 在AngularJs中向多个元素中添加class
- 如果图像宽度小于X,则添加class
- 视频开始时添加class或id