使用jQuery和CSS属性进行计算

Question

我正在尝试使用css属性进行计算,但它不会返回任何内容.

我想这可能是因为css属性返回'200px'而不是简单地'200'.任何人都可以提出建议吗？非常感谢.

windowHeight = $(window).height(); // This works
logoHeight = $('.home h1').css('height'); // This returns '200px'
logoPosition = windowHeight * 0.5 - logoHeight;

Answer 1

您需要将"200px"字符串转换为整数; 运用parseInt

windowHeight = $(window).height(); // This works
logoHeight = parseInt($('.home h1').css('height'), 10); // This returns '200px'
logoPosition = windowHeight * 0.5 - logoHeight;

否则你的总和windowHeight * 0.5 - logoHeight将返回NaN(不是数字).

重要的是始终将基数指定为第二个参数parseInt,或者你会发现类似的东西;

parseInt("022") == 18; // true