jquery, aby zmienić atrybut stylu klasy div

Mam taką klasę suwaka i chcę zmienić atrybut stylu style = "left: 336px"

<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 to nie działa. Nie wiem, co robię źle

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

jeśli chcesz tylko ustawić atrybut stylu use

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

Lub możesz użyć metody css jQuery, aby ustawić tylko jedną właściwość stylu CSS

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

LUB to samo co wartość klucza

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

Więcej informacji o W3schools

Spróbuj z

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

Zamiast

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

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

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

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

lub skorzystaj z OrnaJS

$('.handle').css('left','300px') spróbuj tego, najpierw identyfikator, potem wartość

więcej na ten temat tutaj:

http://api.jquery.com/css/

to pomocne dla Ciebie ..

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

Styl jest atrybutem, więc na niego cssnie zadziałaattr

Zmiana:

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

T0:

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

Nie możesz używać $('#Id').attr('style',' color:red'); i $('#Id').css('padding-left','20%');
w tym samym czasie.
Możesz użyć attr lub, css ale oba działają tylko wtedy, gdy są używane samodzielnie.