jQuery UI滑块从数据属性设置值
嘿,我有一些jquery滑块,称为“lp滑块”,设置如下:jQuery UI滑块从数据属性设置值,jquery,jquery-ui,jquery-ui-slider,Jquery,Jquery Ui,Jquery Ui Slider,嘿,我有一些jquery滑块,称为“lp滑块”,设置如下: <div class="xs-col-12"> <div class="col-xs-2 label label-default">Grit</div> <div class="col-xs-9"> <
<div class="xs-col-12">
<div class="col-xs-2 label label-default">Grit</div>
<div class="col-xs-9">
<div class="lp-slider" data-lpScore="30"></div>
</div>
<div class="col-xs-1"><img class="slider-img" src="images/close-white.png"></div>
<br class="clear-fix">
</div>
<div class="xs-col-12 spacer-med">
<div class="col-xs-2 label label-default">Self-efficacy</div>
<div class="col-xs-9">
<div class="lp-slider" data-lpScore="30"></div>
</div>
<div class="col-xs-1"><img class="slider-img" src="images/close-white.png"></div>
<br class="clear-fix">
</div>
<div class="xs-col-12 spacer-med">
<div class="col-xs-2 label label-default">Sociability</div>
<div class="col-xs-9">
<div class="lp-slider" data-lpScore="30"></div>
</div>
<div class="col-xs-1"><img class="slider-img" src="images/close-white.png"></div>
<br class="clear-fix">
</div>
要使用jQuery获取数据属性,必须用小写字母编写,如
lpscore
这里对数据应用的规则进行了深入的解释
代码:
演示:哇,哈哈,这让我想打自己一巴掌,谢谢!是的,这是jQuery数据的一个很好的陷阱:-\n您是如何根据链接文档得出这个结论的?@isherwood From data lpScore=“30”和var value=$(this).data(“lpScore”);我不确定这是如何回答我的问题的。无论如何,我在这里得到了一些澄清:
$(".lp-slider").each(function() {
var value = $(this).data("lpScore");
$(this).slider({
value:value,
range:"min",
min:1,
max:100,
step:1
});
});
$(".lp-slider").each(function () {
var value = $(this).data("lpscore");
$(this).slider({
value: value,
range: "min",
min: 1,
max: 100,
step: 1
});
});