Setzen aller Herstellervorgaben von "width: calc ..." Mit jQuery?

Question

Ich arbeite an einem Projekt, das jQuery verwendet, und ich muss eine calc() - basierte Breite mit jQuery dynamisch festlegen. Das Problem ist, dass für Calc arbeiten, die CSS etwas wie folgt aussehen muss:

CSS

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

Wenn ich versuche, jQuery zu verwenden $(selector).css('width', 'calc(33% - 50px)'), ich nicht Breite mit mehreren Anbieter festlegen Präfix Versionen von calc. Was ist der richtige Weg, um mehrere Einstellungen der gleichen CSS-Eigenschaft in jQuery zu behandeln, um das Voranstellen von Anbietern zu ermöglichen?

Answer 1

Haben Sie so etwas wie versucht:

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

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

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