Question

我无法弄清楚如何捕获bootstrap-slider插件的值变化。

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

file.txt

尝试过（没有成功）：

#!/bin/bash
while ! grep -q string file.txt; do
    echo "string not found in file!"
done
echo "string found in file!"

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

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

未捕获的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) });

Answer 2

此解决方案需要jquery。

滑块附带了自己的事件处理程序，它不包含输入，但包括“更改”。 https://github.com/seiyria/bootstrap-slider

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

如果你想得到滑块的新值，那么。

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

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

2 个答案: