Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery/Javascript动画更改间隔上的css值_Javascript_Jquery - Fatal编程技术网

jQuery/Javascript动画更改间隔上的css值

jQuery/Javascript动画更改间隔上的css值,javascript,jquery,Javascript,Jquery,我已经在类名“image part”下创建了几个div元素,并尝试使用以下脚本为它们设置动画: $(文档).ready(函数(){ $('.image部分')。每个(函数(){ var id=设置间隔(帧,3000); 函数框架(){ if($(this.css(“可见性”)=“隐藏”){ $(this.css(“可见性”、“可见”); }否则{ $(this.css(“可见性”、“隐藏”); } } }); }); 。图像部分{ 宽度:33.33%; 高度:60px; 背景色:黑色; 浮动:

我已经在类名“image part”下创建了几个div元素,并尝试使用以下脚本为它们设置动画:

$(文档).ready(函数(){
$('.image部分')。每个(函数(){
var id=设置间隔(帧,3000);
函数框架(){
if($(this.css(“可见性”)=“隐藏”){
$(this.css(“可见性”、“可见”);
}否则{
$(this.css(“可见性”、“隐藏”);
}
}
});
});
。图像部分{
宽度:33.33%;
高度:60px;
背景色:黑色;
浮动:左;
}

问题是因为
setInterval()
处理程序中的
的范围不会引用任何
.image部分
元素

要解决此问题,可以重新安排逻辑,以便在间隔内执行
each()
循环,如下所示:

$(文档).ready(函数(){
setInterval(函数(){
$('.image part').css('visibility',function(i,v){
返回v=='可见'?'隐藏':'可见';
});
}, 3000);
});
。图像部分{
宽度:33.33%;
高度:60px;
背景色:黑色;
浮动:左;
}