2013-10-25 11 views
45

Mam klasy suwak tak i ja wan zmienić atrybut styl style = "left: 336px"jquery zmienić atrybut stylu div class

<div id="range-cont"> 
<div class="slider"> 
<div class="progress" style="width: 350px;"></div> 
    <a class="handle" href="#" **style="left: 336px;"**></a> 
</div> 
<input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> 
<p id="percent-label">%</p> 
</div> 
</div> 

próbowałem $('.handle').css({'style':'left: 300px'}) ale jej nie pracujący. Nie wiem co robię źle tutaj

Odpowiedz

85

Spróbuj $('.handle').css('left', '300px');

7

Spróbuj z

$('.handle').css({'left': '300px'}); 

Zamiast

$('.handle').css({'style':'left: 300px'}) 
+0

będą pracować jelita grubego? – Miller

+1

@Miller tak, oczywiście .. – Raghuveer

+0

@dev zaktualizowano teraz sprawdź, czy będzie działać na pewno, błędnie usunięto nawiasy – Raghuveer

2

to pomocne dla Ciebie ..

$('.handle').css('left', '300px'); 
2

Style jest atrybutem więc css nie będzie pracować dla it.U mogą korzystać attr

Zmiana

$('.handle').css({'style':'left: 300px'}); 

T0:

$('.handle').attr('style','left: 300px');//Use `,` Comma instead of `:` colon 
51

jeśli po prostu chcesz ustawić styl atrybutu użyć

$('.handle').attr('style','left: 300px'); 

Albo można użyć metody css jQuery ustawić tylko jeden CSS właściwość stylu

$('.handle').css('left', '300px'); 

LUB samo jak klucz wartość:

$('.handle').css({'left': '300px', position}); 

More info on W3schools

5
$('.handle').css('left', '300px'); 

$('.handle').css({ 
    left : '300px' 
}); 

$('.handle').attr('style', 'left : 300px'); 

lub używają OrnaJS