使用 jQuery 根据 span 的内容设置背景位置
我想更改背景图像的位置以匹配 span 元素的数字内容。
我的 html：
<div id="ecoBar">
<div id="ecoSlider"></div>
<h4>ECO <span id="ecoPercentage">50%</span></h4>
</div>
所以我有一个 div#ecoSlider 代表一个 400px 宽的滑动比例，还有一个 span#ecoPercentage 给出一个数值。我想从跨度中获取该值并将其应用于我的背景位置。
到目前为止我的 jQuery：
$(document).ready(function(){
var value = $('#ecoPercentage').text();
$('#ecoSlider').css('backgroundPosition', 'value 0');
});
我似乎无法让它工作，我做错了什么？
非常感谢。
I would like to change the position of a background image to match the numeric contents of a span element.
My html:
<div id="ecoBar">
<div id="ecoSlider"></div>
<h4>ECO <span id="ecoPercentage">50%</span></h4>
</div>
So I have a div#ecoSlider that represents a sliding scale that is 400px wide and a span#ecoPercentage that gives a numeric value. I would like to get that value from the span and apply to my background position.
My jQuery so far:
$(document).ready(function(){
var value = $('#ecoPercentage').text();
$('#ecoSlider').css('backgroundPosition', 'value 0');
});
I cannot seem to get this working, what am I doing wrong?
Many thanks in advance.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您将“值”作为字符串值传递。试试这个：
$('#ecoSlider').css('backgroundPosition', value + ' 0');
You are passing "value" as a string value. Try this instead:
$('#ecoSlider').css('backgroundPosition', value + ' 0');