スパン要素の数値内容に一致するように背景画像の位置を変更したいと思います。
私のhtml:
<div id="ecoBar">
<div id="ecoSlider"></div>
<h4>ECO <span id="ecoPercentage">50%</span></h4>
</div>
したがって、幅400pxのスライディングスケールを表すdiv#ecoSliderと、数値を与えるspan#ecoPercentageがあります。スパンからその値を取得し、バックグラウンド位置に適用したいと思います。
これまでの私のjQuery:
$(document).ready(function(){
var value = $('#ecoPercentage').text();
$('#ecoSlider').css('backgroundPosition', 'value 0');
});
私はこれを機能させることができないようです、私は何が間違っているのですか?
よろしくお願いします。