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

我不知道如何捕获引导滑块插件上的值变化

阅读文档。尝试了很多很多事情

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

只需寻找任何已经成功捕获滑块上的值变化的人。如果插件不支持捕获值的变化，请发回

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

未捕获引用错误：$未定义

您尝试过吗

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

对于

uncaughtreferenceerror:$未定义

您可以绕过jQuery（未测试）：

---

此解决方案需要jquery

滑块自带自己的事件处理程序，不包含输入，但包含“更改”

如果要获取滑块的新值，请单击

$("#language_spanish").on("change", function(event){
console.log("Changed to ", event.value.newValue);
});

---

不…得到

Uncaught ReferenceError:$未定义

error@Arthur。将尝试下一个建议小心，在getElementById上包含“#”。我重新更新我的答案以删除它得到了这个

未捕获的类型错误：slider.on不是一个函数

@ArthurI我很难跟踪你@Arthur。你的脚本中没有分号来换行，我把它们放在我这边。@YafimSimanovsky在这里解决了它-->！！！令人惊叹的。

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) });

$("#language_spanish").on("change", function(){
console.log("Changed");
});

$("#language_spanish").on("change", function(event){
console.log("Changed to ", event.value.newValue);
});