我正在尝试打印一些动态 slider 的值,但它没有添加到输入中的值:
$(document).ready(function () {
var N = 10;
var initVal = 1;
for (var id = 1; id <= N; id++) {
var $newResult = $('<input/>', {
type: 'text',
id: 'result-' + id,
class: 'sliderText',
value: initVal
});
var $newSlider = $("<div/>", {
id: 'slider-' + id,
class: 'ui-slider'
}).slider({
range: 'min',
min: initVal,
max: N,
value: initVal,
step: 1,
slide: function(event, ui) {
$newResult.val(ui.value); // neither works $( '#result-' + id )
}
});
var $container = $("<div/>", {
id: 'sliderContainer-' + id
}).append($newResult).append($newSlider);
$("#showSldr").append($container);
}
});
似乎有些东西我没有看到,也许有人看到了:P
最佳答案
由于您要重用 $newResult
变量,您需要在 closure 中保留每个引用:
slide: (function($input) {
return function(event, ui) {
$input.val(ui.value);
};
})($newResult)
关于javascript - 动态 slider 值不起作用(ui.value),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30552862/