div 클래스의 스타일 속성을 변경하는 jquery

이와 같은 슬라이더 클래스가 있으며 스타일 속성 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>

시도 $('.handle').css({'style':'left: 300px'})했지만 작동하지 않습니다. 내가 여기서 뭘 잘못하고 있는지 모르겠다.

단지 시도 $('.handle').css('left', '300px');

스타일 속성을 설정하려면

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

또는 jQuery의 CSS 메서드를 사용하여 하나의 CSS 스타일 속성 만 설정할 수 있습니다.

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

또는 키 값과 동일

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

W3schools에 대한 추가 정보

시도

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

대신에

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

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

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

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

또는 OrnaJS 사용

$('.handle').css('left','300px') 이것을 시도해보십시오, 식별자 먼저 다음 값

여기에 대한 자세한 내용 :

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

이게 도움이 되요 ..

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

스타일은 속성이므로 css작동하지 않습니다.attr

변화:

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

T0 :

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

$('#Id').attr('style',' color:red'); 과 $('#Id').css('padding-left','20%');
동시에 사용할 수 없습니다 .
당신도 사용할 수 있습니다 attr 또는 css 그러나이 단독으로 사용하는 경우 모두에만 작동합니다.