jquery - 「width：calc ...」のすべてのベンダープレフィックスバージョンをjQueryで設定しますか？

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