CSS类只应用于一个元素
css class applied only on one element
每2秒我的js函数被触发,经过一定的逻辑,我想在页面上的html元素上应用css类的效果。
var myCounter= 0;
$interval(function () {
myCounter++;
DoSomething();
$('#myElem_' + myCounter).addClass('myClass');
}, 2000);
function DoSomething() {
if (myCounter<= 35) {
if (myCounter == 0) {
$scope.myIndex= 1;
} else {
$scope.myIndex= myCounter;
}
} else {
// not implemented
}
}
HTML页面上的CSS类只在第一次应用。Counter可以工作,但是css只能应用于第一个元素。
在HTML页面上,HTML元素上有唯一的id号,比如
<div id="myElem_1"></div>
<div id="myElem_2"></div>
您的代码看起来非常好。请注意,第一个元素在2秒后获得类,然后在另一个 2秒后,第二个元素获得类。
所以你必须等待总共4秒才能看到所有的变化。
在所有更改之后,您需要在函数中使用$scope.$apply();
:
function DoSomething() {
if (myCounter<= 35) {
if (myCounter == 0) {
$scope.myIndex= 1;
} else {
$scope.myIndex= myCounter;
}
} else {
// not implemented
}
$scope.$apply(); // <---put this one here.
}
我猜你正在更改/更新上面函数中的一些作用域变量,所以你需要告诉angular检查更改并更新作用域。
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 表追加而不附加最后一个元素
- 滚动到容器中的下一个元素-几乎到了
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 按我自己的类克隆另一个元素的内容和顺序
- Javascript获取上一个元素的内容
- 如何通过HTML+CSS中的另一个元素Selector更改元素的属性值
- 在数组中的一个元素上设置多个值
- 无法选择除一个元素外的所有元素
- 使用jquery contains获取一个元素并添加类
- $(.class).empty总是缺少一个元素
- jQuery-将列表项的一个元素移动到同一项的另一个元素中+对我的列表中的每个项执行此操作
- 如何在一个元素动画之后延迟
- jQuery转盘下一个元素没有滑入
- jquery从另一个元素中移除移除
- DIV怎么能像Javascript中的另一个元素一样工作呢
- 当知道同一hiearch中至少有一个元素时,遍历到元素.结构使用jquery
- 使用数据属性将HTML数据复制到另一个元素
- 如何选择给定类的上一个元素
- 动态修改一个元素,使其与给定的选择器匹配