jquery - 在 Jquery css 背景大小中传递变量。不工作

Question

试图在 Jquery .css({"property": "value"}) 函数中传递一个变量，但它不起作用，下面是不起作用的代码。

 window.onload = function() {
   var windowWidth = window.innerwidth;
   var htmlBg = windowWidth*(1.5) ;
   $('html').css({
      "background-size" : htmlBg + "px"
   });
}
window.onresize = function() {
   var windowWidth = window.innerwidth;
   var htmlBg = windowWidth*(1.5) ;
   $('html').css({
      "background-size" : htmlBg + "px"
   });
}

虽然如果我提供直接数字，它工作正常，下面是有效的代码。

 window.onload = function() {
   var windowWidth = window.innerwidth;
   var htmlBg = windowWidth*(1.5) ;
   $('html').css({
      "background-size" : 100 + "px"
   });
}
window.onresize = function() {
   var windowWidth = window.innerwidth;
   var htmlBg = windowWidth*(1.5) ;
   $('html').css({
      "background-size" : 100 + "px"
   });
}

我搜索了这个问题，所有问题都显示语法错误，但我想这是正确的语法。

Answer 1

更改以下内容:

var windowWidth = window.innerwidth;

到

var windowWidth = window.innerWidth;

解释:

在您的代码中，由于拼写错误，window.innerwidth 未定义。所以， window.innerwidth*(1.5) 给出 NaN