如果width == 200px运行功能

Question

这是一个显示问题的jsFiddle

我不确定为什么这行不通：

if ($('#menu').width() == '200px') {
    alert("what");
}

我希望动画完成时出现警报。 因此，我假设我可以说，既然完成动画后，元素的宽度为200px，它将显示警报。

Answer 1

1）您要在动画完成之前检查该值。

2）您的宽度值将为“ 200”而不是“ 200px”

这是jQuery文档。 您需要在代码的回调部分中执行检查。

$('#clickme').click(function() {
  $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 5000, function() {
    // Animation complete.   <---- your value check code goes here
  });
});

Answer 2

jQuery.width返回一个数字。 您正在与字符串进行比较。

Answer 3

检查更新的小提琴。 我所做的是添加了“回调”功能，该功能在动画完成时执行。

$(this).stop().animate({ width: "200px" }, 250,
  function(){if ($('#menu').width() == '200') { alert("what"); } /* Callback Function */
 });

Answer 4

.width()应该返回一个数字，而不是“ ### px”值，请尝试if ($('#menu').width() == 200) { 。