複数のアップロードを許可する簡単なアップロードフォームがあり、選択した各ファイルについて新しいスライダーを作成する必要があります。動的にjQueryのスライダーを追加する
私は新しいスライダーを作成していますが、それぞれ個別のIDを持っています。私が抱えている唯一の問題は、スライダをスライドさせたり変更したりするたびにテキストボックスに値を入力させたいということです。通常のスライダでは動的に追加されませんが、ダイナミックに追加されたスライダは個々のテキストボックスを更新しません。
ここでスライダーとテキストボックスを追加するコードです:
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'));
}
とスライド機能は、テキストボックスの単純な値の変化であり、次のように
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関数であります。
$(element).attr('value', changevalue);
手動でテキストボックスに数値を入力すると、スライダの位置が更新されます。そのようにしてください。しかし、それは別の方法では動作しません。 ページが読み込まれたときにスライダが読み込まれなかったためですが、修正がわからないためです。