Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.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
Javascript 检查div';它有一定的宽度_Javascript_Jquery_Css_If Statement - Fatal编程技术网

Javascript 检查div';它有一定的宽度

Javascript 检查div';它有一定的宽度,javascript,jquery,css,if-statement,Javascript,Jquery,Css,If Statement,我有一大堆的div,我现在已经开始制作动画了。然而,我想要一种方式,如果它们已经被设置了动画(例如,它们的宽度将从100px更改为300px),当我再次单击它们时,它们将不会复活。我是javascript和jquery新手,因此我不确定如何检查要放置在if语句中的div元素的宽度。如果我需要发布代码,我可以根据要求发布。谢谢你这样说: $('selector') .filter(function() { return $(this).width() < 300; }) .a

我有一大堆的div,我现在已经开始制作动画了。然而,我想要一种方式,如果它们已经被设置了动画(例如,它们的宽度将从100px更改为300px),当我再次单击它们时,它们将不会复活。我是javascript和jquery新手,因此我不确定如何检查要放置在if语句中的div元素的宽度。如果我需要发布代码,我可以根据要求发布。谢谢你这样说:

$('selector')
    .filter(function() { return $(this).width() < 300; })
    .animate(...);
$(“选择器”)
.filter(函数(){return$(this).width()<300;})
.制作动画(…);
像这样:

$('selector')
    .filter(function() { return $(this).width() < 300; })
    .animate(...);
$(“选择器”)
.filter(函数(){return$(this).width()<300;})
.制作动画(…);
您可以使用:

if($(".bunch-of-divs-class").width() == something)
{
     //Do Something
}
您可以使用:

if($(".bunch-of-divs-class").width() == something)
{
     //Do Something
}

您应该向要设置动画的所有元素添加一个类

<div class="animateMe something something"> 
content
</div>
这将作为一个标志,一旦动画完成,无论高度和宽度如何,它都不会在同一个元素上再次出现

优势: 您的代码不依赖于高度/宽度参数。如果明天动画发生变化,并且块的动画设置为不同的高度/宽度,则此代码仍然有效

animate的语法是jQuery.animate({animation params},duration,callback)


注意事项:不要使用animateMe类设置样式

您应该向所有要设置动画的元素添加一个类

<div class="animateMe something something"> 
content
</div>
这将作为一个标志,一旦动画完成,无论高度和宽度如何,它都不会在同一个元素上再次出现

优势: 您的代码不依赖于高度/宽度参数。如果明天动画发生变化,并且块的动画设置为不同的高度/宽度,则此代码仍然有效

animate的语法是jQuery.animate({animation params},duration,callback)


注意:不要使用animateMe类进行样式设置

我不这么认为-
width()
这里只返回第一个div的宽度。这是不正确的,因为
$(“.bunch of divs class”)。width()
返回一个数组,因此不现实,因为每次更改div时都必须更新某些内容
.filter()
更好。我不这么认为-
width()
这里只返回第一个div的宽度。这是不正确的,因为
$(“.bunch of divs class”)。width()
返回一个数组,因此不现实,因为每次更改div时都必须更新某些内容
.filter()
更好。非常感谢您的帮助!这个链接也帮助我回答了这个问题——非常感谢你的帮助!这个链接也帮助我回答了这个问题--