Bootstrap Slider Bar - 单击事件错误

时间:2016-05-20 12:54:26

标签: jquery html twitter-bootstrap-3

我在html中使用bootstrap滑块来显示年龄范围。

gunzip = subprocess.Popen('gunzip -c file_1.gz'.split(), stdout=subprocess.PIPE)
grep = subprocess.Popen('grep 3'.split(), stdin=gunzip.stdout, stdout=subprocess.PIPE)
gunzip.stdout.close()
output = grep.communicate()[0]
gunzip.wait()

<div class="col-sm-3"> <input id="age_range" type="text" ui-jq="slider" class="slider form-control" value="" data-slider-min="13" data-slider-max="80" data-slider-step="1" data-slider-value="[13,80]"> </div> 事件在滑块上正常工作,但当我点击滑块时,值无法正常显示

这是我的Jquery代码

slideStop

我的滑块版本为$('#age_range').on('slideStop change', function (ev) { range_val = $(this).val(); console.log(range_val); $("#campaign_age_range_min").val(range_val.split(',')[0]); $("#campaign_age_range_max").val(range_val.split(',')[1]); });

1 个答案:

答案 0 :(得分:0)

嗯,这是老帖子,但这是你的解决方案:

$('#age_range').on('slide slideStop', function (ev) {
    var range_val = ev.value;
    console.log(range_val);
    $("#campaign_age_range_min").val(range_val.split(',')[0]);
    $("#campaign_age_range_max").val(range_val.split(',')[1]);
});

您必须使用event.value,例如ev.value

这就是全部。

当某些内容无法在javascript中运行时,请输入console.log()所有事件,看看发生了什么以及您拥有的对象。