如果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) { 。