javascript - 从 mysql 获取行集并在 php 和 Codeigniter 中使用 jquery 生成动态范围选择器框

Question

我想在页面加载时生成一个从 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" ) );
});

Answer 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 值并将它们提供给滑块功能