Javascript setInterval在jQuery的每个函数中只执行一次
我有3个span元素,id为cursor,但是下面的函数只对第一个元素执行Javascript setInterval在jQuery的每个函数中只执行一次,javascript,jquery,each,setinterval,Javascript,Jquery,Each,Setinterval,我有3个span元素,id为cursor,但是下面的函数只对第一个元素执行 $(document).ready(function() { $("#cursor").each(function(i, current) { console.log("ran"); var $current = $(current); setInterval(function() { cursorAnimation($current) }, 600); }); });
$(document).ready(function() {
$("#cursor").each(function(i, current) {
console.log("ran");
var $current = $(current);
setInterval(function() {
cursorAnimation($current)
}, 600);
});
});
function cursorAnimation($obj) {
$obj.animate({
opacity: 0
}, 'fast', 'swing').animate({
opacity: 1
}, 'fast', 'swing');
}
ID选择器将仅返回0或1个DOM元素。您不应将ID分配给多个元素。将ID更改为类并使用类选择器$。class首先,页面上不应该有超过1个具有相同ID的元素……正如@KeithRousseau所说,ID应该只引用一个元素。如果你想定义一组元素,就用一个类来代替。哇,那是个愚蠢的错误。非常感谢。