0

ページの読み込み時に 1 から 100 までのダイナミック レンジ セレクターまたはプログレス バーを生成したいと考えています。初期値はデータベースから取得する必要があります。

以下の jquery #amount では、進行状況バーの値が保持されます。#slider-range-min は進行状況バーの div タグになります。データベースから t_id を使用してページをロードするときに、この div タグを動的に生成したいので、div タグ ID はこの slide-range-min-1,slide-range-min-2 などのようにする必要があります。

$(function() {
$( "#slider-range-min" ).slider({
  range: "min",
  value: 0,
  min: 1,
  max: 100,
  slide: function( event, ui ) {
    $( "#amount" ).val( ui.value );
  }
});
$( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) );
});
4

1 に答える 1

1

このようなことができます

あなたのHTML

 <div id="slider_1">
 </div>

 <div id="slider_2">
 </div>

 <div id="slider_3">
 </div>

そしてあなたのjsは

$('div[id^="slider_"]').each(function(){
   id = $(this).attr('id');
   $(id).slider({
     range: "min",
     value: 0,
     min: 1,
     max: 100,
     slide: function( event, ui ) {
     // code here
  }
});
})

各 div のカスタム データ属性を使用して初期 DB 値を保存し、それらをスライダー関数に渡すこともできます。

于 2013-10-26T10:42:54.733 に答える