Javascript 检查div';它有一定的宽度
我有一大堆的div,我现在已经开始制作动画了。然而,我想要一种方式,如果它们已经被设置了动画(例如,它们的宽度将从100px更改为300px),当我再次单击它们时,它们将不会复活。我是javascript和jquery新手,因此我不确定如何检查要放置在if语句中的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
$('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()
更好。非常感谢您的帮助!这个链接也帮助我回答了这个问题——非常感谢你的帮助!这个链接也帮助我回答了这个问题--