2012-06-20 19 views
5

jQuery'yi kullanan bir proje üzerinde çalışıyorum ve jQuery'yi kullanarak calc() tabanlı bir genişlik ayarlamamız gerekiyor.Tüm Satıcı Önek Ayarlarını Yapan "width: calc ..." ile jQuery?

CSS jQuery $(selector).css('width', 'calc(33% - 50px)') kullanmaya çalıştığımda, öneki birden satıcı ile genişliğini ayarlayamıyor

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

: Sorun kalk çalışması için, CSS böyle bir şey bakmak gerektiğidir calc sürümleri. Satıcı öneki için izin vermek için jQuery'de aynı CSS özelliğinin birden çok ayarını işlemenin doğru yolu nedir?

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

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

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

Ben yeni css kanca eklersiniz: –

cevap

0

gibi bir şey denediniz. http://api.jquery.com/jQuery.cssHooks/
+2

Tarayıcı koklama, korkunç, korkunç bir fikirdir. WebKit varyantları vardır, bazıları destekleyebilir -webkit-calc ve bazıları değil, şimdi değil, gelecekte, bazı ek özellikler ile kalkr() içinde calc ve bazı değil vb. Gibi. calc'ı işleyen 'önekli' kabiliyetinin varyasyonu ile, her bir önekli varyant çeşidi ile mülkün ayarlanmasını öneriyorum, ardından "alınıp alınmadığını" görmek için değeri geri okumanızı öneririz, bu durumda tarayıcının sürümünün desteklediğinden emin olabilirsiniz. O'nu sinirlendir. –

İlgili konular