jquery - 如何用 jquery 替换 calc()？

Question

现在我网站上的一些非常重要的计算是用 html5 calc() 完成的。但是我想用旧浏览器的 jquery 替换它们。 CSS 看起来像这样:

.sampleClass {float:left;}

@media all and (min-width: 1500px){

.sampleClass {float:none;}
#wrapper.wrapSide{
    right:calc(1875px - 50%);
    right:-moz-calc(1875px - 50%);
    right:-webkit-calc(1875px - 50%);
}
.blogGallItems .blogImg {
    margin:0 0 0 calc(0.5% - 600px);
    margin:0 0 0 -moz-calc(0.5% - 600px);
    margin:0 0 0 -webkit-calc(0.5% - 600px);
}
.prev{
    left:calc(50% - 675px);
    left:-moz-calc(50% - 675px);
    left:-webkit-calc(50% - 675px);
}
.next{
    left:calc(50% + 600px);
    left:-moz-calc(50% + 600px);
    left:-webkit-calc(50% + 600px);
}

}

我正在尝试这样的事情:

$(window).resize(function(){
    if ($(".sampleClass").css("float") == "none" ){
        $('#wrapper.wrapSide').css('right', '1875px').css('right', '-=50%');
    }
});

好吧，这行不通。我做错了什么？

Answer 1

我觉得你在设置同一个属性两次。第二个覆盖第一个。

$(element).css('right', (parseInt($(element).css('right')) * 0.5) + 'px');对我来说似乎更合乎逻辑。

或

var right = parseInt($(element).css('right'));
el.css('right', (right * 0.5) + 'px');