Jak ustawić szerokość elementu div jako wartość procentową za pomocą jQuery?
85
Korzystanie z funkcji szerokości :
$('div#somediv').width('70%');
zmieni się:
<div id="somediv" />
w:
<div id="somediv" style="width: 70%;"/>
.width("20%")
ale element był ustawianywidth: 24%
. Po przejrzeniu dokumentacji okazuje się, że jest to związane zbox-sizing
właściwością CSS . Użycie.css({'width':"20%"})
pozwoli uniknąć takiej regulacji.Hemnath
Jeśli zmienną jest procent:
var myWidth = 70; $('div#somediv').width(myWidth + '%');
Jeśli zmienna jest w pikselach i chcesz, aby wartość procentowa zajmowała element nadrzędny:
var myWidth = 140; var myPercentage = (myWidth / $('div#somediv').parent().width()) * 100; $('div#somediv').width(myPercentage + '%');
źródło
Oto alternatywa, która zadziałała dla mnie:
$('div#somediv').css({'width': '70%'});
źródło