使用jQuery设置所有供应商前缀版本“width：calc ...”？

Question

我正在使用一个使用jQuery的项目，我需要使用jQuery动态设置基于calc（）的宽度。问题是，对于calc工作，CSS需要看起来像这样：

CSS

width: -moz-calc(33% - 50px);
width: -webkit-calc(33% - 50px);
width: calc(33% - 50px);

当我尝试使用jQuery $(selector).css('width', 'calc(33% - 50px)')时，我无法使用多个供应商前缀版本的calc设置宽度。在jQuery中处理同一CSS属性的多个设置的正确方法是什么，以允许供应商前缀？

Answer 1

你有没有试过像：

calc = "calc(33% - 50px)";

if ($.browser.webkit) {
  calc = "-webkit-"+calc;
}

$(selector).css('width',calc);