Cài đặt tất cả phiên bản tiền tố của nhà cung cấp có định dạng "width: calc ..." với jQuery?

Question

Tôi đang làm việc về việc sử dụng một dự án sử dụng jQuery, và tôi cần phải tự động đặt chiều rộng dựa trên calc() bằng cách sử dụng jQuery. Vấn đề là cho calc để làm việc, CSS cần nhìn một cái gì đó như thế này:

CSS

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

Khi tôi cố gắng sử dụng jQuery $(selector).css('width', 'calc(33% - 50px)'), tôi không thể thiết lập chiều rộng với nhiều nhà cung cấp tiền tố phiên bản của calc. Cách đúng để xử lý nhiều cài đặt của cùng một thuộc tính CSS trong jQuery là gì, để cho phép tiền tố của nhà cung cấp?

Answer 1

Các bạn đã thử một cái gì đó như:

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

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

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