javascript - 如何在 Bootstrap-Slider 插件中捕获 onChange 的值

Question

我不知道如何在 bootstrap-slider 插件上捕获值的变化。

阅读文档。尝试了很多很多东西。

<div class="form-group">
  <label class="col-md-4 control-label" for="language_spanhish">Spanish</label>
  <div class="col-md-6">
    <input id="language_spanish" type="text" data-provide="slider"
      data-slider-ticks="[0, 1, 2]"
      data-slider-min="0"
      data-slider-max="2"
      data-slider-step="1"
      data-slider-value="0"
      data-slider-tooltip="show"
      onchange="alert('you changed it')"
    />
  </div>
</div>

尝试过(没有成功):

    document.getElementById("#language_spanish").getAttribute("data-slider-value");
        var getIt = $('#language_spanish').data('slider').getValue();
        alert(getIt);
spanish.on("slide", function(slideEvt) { console.log(slider.getValue() ); alert(slideEvt.value); });
        $('#language_spanish').slider().on('slide', function(ev){ alert("I changed it") });

只是寻找任何成功捕捉到 slider 值变化的人。如果插件不支持捕获值变化的能力，请发回。

我从一些尝试中得到的一个控制台日志错误是:

Uncaught ReferenceError :$ 未定义

Answer 1

你试过吗

$('#language_spanish').on('input', function(ev){ alert("I changed it") });

对于Uncaught ReferenceError: $ is not defined 你可以绕过jQuery(未测试):

var slider = document.getElementById("language_spanish")
console.log("init : " + slider.value)
slider.addEventListener('input', function(e){ alert("I changed it " + e.currentTarget.value + " === " + input.value) });