ブートストラップスライダバー - クリックイベントエラー

Question

年齢範囲でhtmlでブートストラップスライダを使用しています。

<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> 

slideStopイベントは、スライダに正常に動作している、しかし、私は値が正しくここ

私のjQueryのコードは、スライダーの

$('#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]); 
}); 

私のバージョンでは取得していないスライダーをクリックしていたときにはbootstrap-slider.js v2.0.0

Answer 1

さて、古い投稿ですが、あなたの解決策はここにあります：

$('#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()に入れて、何が起こっているのか、そこにあるオブジェクトを確認します。