gpt4 book ai didi

javascript - 动态添加 jQuery 的 slider

转载 作者:行者123 更新时间:2023-11-29 15:46:47 24 4
gpt4 key购买 nike

<分区>

我有一个简单的上传表单以允许多次上传,并且对于每个选定的文件,它都需要创建一个新的 slider 。

我已经创建了一个新的 slider ,它们每个都有单独的 ID。我遇到的唯一问题是我希望 slider 在每次滑动或更改时将其值输入到文本框中。它适用于普通 slider ,不是动态添加的,但动态添加的 slider 不会更新它们各自的文本框。

这是添加 slider 和文本框的代码:

var pagesslider = $('<div id="pages'+(x + 1)+'" class="pages"></div><input name="anewslider" id="pages-box'+(x + 1)+'" type="text" onchange="$(\'#pages'+(x + 1)+'\').slider({ value: this.value });updatevalues();updatepages(\''+x+'\');" value="1" />');
$('#pages-holder').append(pagesslider);

addSlider('pages'+(x + 1));

addSlider函数如下:

function addSlider(element) {
var slider = $('.pages').slider({
range: "min",
value: 1,
min: 1,
max: 1000,

slide: function(event, ui) {
slide(element, ui.value);
},
change: function(event, ui) {
slide(element, ui.value);
}
});
$(element).val(slider.slider('value'));
}

而滑动功能只是对文本框进行简单的数值改变。

$(element).attr('value', changevalue);

当您在文本框中手动键入数字时, slider 的位置会更新 - 以便正常工作。但反之则不然。我猜这是因为当页面加载时 slider 没有加载,但我不知道解决方法。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com