Javascript-引导滑块,如何根据滑块的值更新变量
在实现了工作滑块之后,我现在很困惑如何使用滑块的位置来更新页面上的其他元素。我想我需要通过在这些大括号之间添加一些语句来创建一个事件:Javascript-引导滑块,如何根据滑块的值更新变量,javascript,twitter-bootstrap,slider,Javascript,Twitter Bootstrap,Slider,在实现了工作滑块之后,我现在很困惑如何使用滑块的位置来更新页面上的其他元素。我想我需要通过在这些大括号之间添加一些语句来创建一个事件: .on('slide', function(ev){ }); 我在JSFIDLE上做了一个小演示: 我希望滑块上方的数字随着滑块的拖动而改变,标题下的句子也随着滑块的拖动而改变为预定义句子的列表 提前感谢,非常感谢我能得到的任何帮助:-)如果您想在幻灯片事件期间进行更改,anon函数就是在该事件上发生的回调。anon函数的第一个参数是包含您希望从幻灯
.on('slide', function(ev){
});
我在JSFIDLE上做了一个小演示:
我希望滑块上方的数字随着滑块的拖动而改变,标题下的句子也随着滑块的拖动而改变为预定义句子的列表
提前感谢,非常感谢我能得到的任何帮助:-)如果您想在幻灯片事件期间进行更改,anon函数就是在该事件上发生的回调。anon函数的第一个参数是包含您希望从幻灯片小部件获得的信息的事件
您还可以像这样创建更改事件控制器
$('#slider_surface').slider({
//Your slider configuration here
range: "min",
value: 0,
min: 0,
max: 10,
step: 1,
change: function(event, ui) {
//Code to execute when the slider value changes
console.log(ev);
$('.score_number h3').html(ui.value);
$('.score_text p').html(i18n[ui.value]);
}
});
完美的谢谢你的帮助
$('#slider_surface').slider({
//Your slider configuration here
range: "min",
value: 0,
min: 0,
max: 10,
step: 1,
change: function(event, ui) {
//Code to execute when the slider value changes
console.log(ev);
$('.score_number h3').html(ui.value);
$('.score_text p').html(i18n[ui.value]);
}
});