如果不是，则声明为真

Question

我假设这是一个小错误，但是我无法解决。

我有一个简单的脚本，可以在em找到页面的宽度，后跟一个if语句，出于这个问题， console.log包含console.log ：

$(document).ready(function() { 
  var windowWidth = '';
  function getWidth() {
    windowWidth = $(window).width() / parseFloat($("body").css("font-size"));
  }
  window.addEventListener("load", getWidth);
  if (windowWidth < 40) {
    console.log("whaaaat");
  }
});

我的body标签的font-size为16px 。 这不应评估为true，但确实如此。 当我在控制台中调用windowWidth变量时，该变量返回大于40的值。我疯了吗？

Answer 1

您的代码有几个问题。

• 首先发出它，您试图将一个空白值与40进行比较，因为在比较时，尚未填充windowWidth变量。
• 第二个问题是您正在$(document).ready语句中使用load事件，这是不必要的。 无论如何，页面加载后都会触发$(document).ready 。

这是固定版本：

 $(document).ready(function() { var windowWidth = $(window).width() / parseFloat($("body").css("font-size")); console.log(windowWidth); if (windowWidth < 40) console.log("whaaaat"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>