Impostazione di tutte le versioni con prefisso fornitore di "width: calc ..." Con jQuery?

Question

Sto lavorando all'utilizzo di un progetto che utilizza jQuery e ho bisogno di impostare dinamicamente una larghezza basata su calc() usando jQuery. Il problema è che per calc al lavoro, la CSS ha bisogno di guardare qualcosa di simile:

CSS

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

Quando provo ad utilizzare jQuery $(selector).css('width', 'calc(33% - 50px)'), non riesco a impostare la larghezza con il fornitore multiplo prefissato versioni di calc. Qual è il modo giusto per gestire più impostazioni della stessa proprietà CSS in jQuery, per consentire il prefisso del fornitore?

Answer 1

Hai provato qualcosa di simile:

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

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

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