使用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);