web-dev-qa-db-fra.com

jquery pour changer l'attribut de style d'une classe div

J'ai une classe de curseur comme ceci et je veux changer l'attribut de style 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>

J'ai essayé $('.handle').css({'style':'left: 300px'}) mais ça ne marche pas. Pas sûr de ce que je fais mal ici

javascriptjquerycss
60
Anurag Sharma

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

112
Ganesh D

si vous voulez juste définir l'attribut style

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

Ou vous pouvez utiliser la méthode CSS de jQuery pour définir une seule propriété de style CSS

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

OU identique à la valeur clé

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

Plus d'infos sur W3schools

58
The Code

Essayer avec 

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

Au lieu de 

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

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

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

ou utilisez OrnaJS

7
Дима Попов

$('.handle').css('left','300px') essayer ceci, identificateur d'abord puis la valeur

plus à ce sujet ici:

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

4
q99

cette utile pour vous ..

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

Le style est un attribut donc css ne fonctionnera pas pour lui.U peut utiliser attr 

Changement:

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

T0:

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