css()没有设置高度和宽度

Question

我试图通过jQuery给我的容器元素高度和宽度,.css()但我的代码将其设置为窗口高度和宽度.任何人都可以告诉我为什么代码不起作用？

以下是代码:

$(document).ready(function () {
    var H = $(window).height();
    var W = $(window).width();
    var h = W / 1.625;
    var w = H * 1.625;
    if (w > W) {
        $("#container").css("height", h + 'px').css("maxWidth", W + 'px;');
    else {
        $('#container').css("maxHeight", H + 'px').css("width", w + 'px;');
    }
});

Answer 1

您的if语句缺少a },因此首先不起作用.更改:

if(w>W)  
{
    $("#container").css("height", h+'px').css("maxWidth", W+'px;');
    else
        ...

至:

if(w>W)  
{
    $("#container").css("height", h+'px').css("maxWidth", W+'px;');    
}                
else
    ...

此外,当您设置多个CSS属性时,可以通过将属性作为对象传递,将它们组合成一个CSS方法:

if (w>W) 
{
    $("#container").css({height:h, maxWidth:w});
}
...

px在大多数情况下,jQuery会为你排序.有关更多信息,请参阅jQuery的css()文档.:)