Javascript 从mysql中获取行集,并使用php中的jquery和Codeigniter生成动态范围选择器框
我想在页面加载时生成一个从1到100的动态范围选择器或进度条。初始值应从数据库中获取 在下面的jquery中,amount将保存进度条的值#滑块范围最小值将为进度条div标记。我想在从数据库加载带有t_id的页面时动态生成这个div标记,所以我的div标记id应该像slide-range-min-1、slide-range-min-2等Javascript 从mysql中获取行集,并使用php中的jquery和Codeigniter生成动态范围选择器框,javascript,php,jquery,codeigniter,Javascript,Php,Jquery,Codeigniter,我想在页面加载时生成一个从1到100的动态范围选择器或进度条。初始值应从数据库中获取 在下面的jquery中,amount将保存进度条的值#滑块范围最小值将为进度条div标记。我想在从数据库加载带有t_id的页面时动态生成这个div标记,所以我的div标记id应该像slide-range-min-1、slide-range-min-2等 $(function() { $( "#slider-range-min" ).slider({ range: "min", value: 0, m
$(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" ) );
});
你可以这样做 你的HTML
<div id="slider_1">
</div>
<div id="slider_2">
</div>
<div id="slider_3">
</div>
您还可以使用每个div的自定义数据属性来存储初始DB值,并将其提供给slider函数
$('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
}
});
})