web-dev-qa-db-de.com

jquery, um das style-Attribut einer div-Klasse zu ändern

Ich habe eine solche Schieberegler-Klasse und möchte das Stilattribut style = "left: 336px" ändern.

<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>

Ich habe versucht $('.handle').css({'style':'left: 300px'}), aber es funktioniert nicht. Nicht sicher, was ich hier falsch mache

60
Anurag Sharma

Probieren Sie einfach $('.handle').css('left', '300px'); aus.

112
Ganesh D

wenn Sie nur das style-Attribut verwenden möchten

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

Oder Sie können die css-Methode von jQuery verwenden, um nur eine css-Stileigenschaft festzulegen

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

ODER wie Schlüsselwert

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

Mehr Infos zu W3schools

58
The Code

Versuche es mit 

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

Anstatt 

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

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

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

oder benutze OrnaJS

7

$('.handle').css('left','300px') probiert dies aus, zuerst den Identifikator und dann den Wert

mehr dazu hier:

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

4
q99

das hilfreich für dich ..

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

Der Stil ist ein Attribut, so dass css für ihn nicht funktioniert.U kann attr verwenden. 

Veränderung:

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

T0:

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

Sie können $('#Id').attr('style',' color:red'); und $('#Id').css('padding-left','20%'); nicht verwenden
gleichzeitig.
Sie können entweder attrodercss verwenden, aber beide funktionieren nur, wenn sie alleine verwendet werden.