Question

我有以下代码，但if条件永远不会返回true。我正在尝试在宽屏和普通屏幕之间切换bg。

$(document).ready(function(){
    var width = $(window).width;
    var height = $(window).height;
    var ratio = height / width;

    if(ratio >= 0.8) {
        $('body.preview').attr('style','background-image:url(images/_bg.jpg)');
    } else {
        $('body.preview').attr('style','background-image:url(images/bg.jpg)');
    }
});

Answer 1

.width()和.heigth()是jquery函数而不是属性。

尝试，

var width = $(window).width();
var height = $(window).height();
var ratio = height / width;

Answer 2

width和height是方法，因此您需要调用它们：

var width = $(window).width();
var height = $(window).height();

此外，要设置样式，最好使用.css方法：

$('body.preview').css('background-image', 'url(images/bg.jpg)');

Answer 3

您缺少括号：

var width = $(window).width(); //width should be width()
var height = $(window).height(); //height should be height()

Answer 4

您省略了方法的括号（宽度和高度）

$(document).ready(function(){

    var width = $(window).width();
    var height = $(window).height();
    var ratio = height / width;

    if(ratio >= 0.8)
    {
        $('body.preview').attr('style','background-image:url(images/_bg.jpg)');
    }
    else
    {
        $('body.preview').attr('style','background-image:url(images/bg.jpg)');
    }

});

如果条件，js问题

4 个答案: