jquery中不同的视口宽度/高度插入

时间:2011-11-10 12:31:17

标签: javascript jquery css

我正在努力将一些var'ed值添加到jquery选择器中。

// this works below
    $(".portrait").css({
        "width": viewportwidth + 'px',
        "height": viewportheight + 'px'
    });

但是我不得不放弃上面的jquery .css选项,而是使用.attr,因为我需要将!important选择器应用到我的宽度和高度。

我实现这一目标的唯一方法是使用.attr(我认为)

// this works below but I can only put a hardcoded value in
    $('.portrait').attr('style', 'width: 0px !important;');


// this is my attempt but fails
    $('.portrait').attr('style', 'width: viewportwidth + 'px' !important;');


// below is exactly what I ideally need to work, multiple styles with !important
    $('.portrait').attr({
        'style', 'width: viewportwidth + 'px' !important;'
        'style', 'height: viewportheight + 'px' !important;'
    });

// but it does not work cause of my bad coding.

如果有人可以就工作或修复提出建议,那将会非常有帮助。如果您需要我更详细地解释,请告诉我。

提前致谢: - )

约什

1 个答案:

答案 0 :(得分:1)

尝试以下方法:

$(".portrait").css({
        "width": viewportwidth + 'px !important',
        "height": viewportheight + 'px !important'
    });

http://jsfiddle.net/manseuk/5vCab/

样式/ CSS和的

.css()方法 .attr()用于属性(title,src,alt等)