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
Probieren Sie einfach $('.handle').css('left', '300px');
aus.
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});
Versuche es mit
$('.handle').css({'left': '300px'});
Anstatt
$('.handle').css({'style':'left: 300px'})
$('.handle').css('left', '300px');
$('.handle').css({
left : '300px'
});
$('.handle').attr('style', 'left : 300px');
oder benutze OrnaJS
$('.handle').css('left','300px')
probiert dies aus, zuerst den Identifikator und dann den Wert
mehr dazu hier:
das hilfreich für dich ..
$('.handle').css('left', '300px');
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
Sie können $('#Id').attr('style',' color:red');
und $('#Id').css('padding-left','20%');
nicht verwenden
gleichzeitig.
Sie können entweder attr
odercss
verwenden, aber beide funktionieren nur, wenn sie alleine verwendet werden.