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