Javascript 捕获jquery滑块的值
我已经创建了jqueryslider,它工作得很好。我将滑块分为三类Javascript 捕获jquery滑块的值,javascript,jquery,Javascript,Jquery,我已经创建了jqueryslider,它工作得很好。我将滑块分为三类 var setRatingValue = function() { // Set text var ratingValue = $("#rating-slider").slider("value"); $("#rating-value").text('yellow'); // Change the background colour of the slid
var setRatingValue = function() {
// Set text
var ratingValue = $("#rating-slider").slider("value");
$("#rating-value").text('yellow');
// Change the background colour of the slider
//var hsl = "hsl("+ratingValue+", "+50+"%, "+50+"%)";
var color = '';
if(ratingValue > 0 & ratingValue <= 30)
color = 'red';
else if(ratingValue > 30 & ratingValue <= 70)
color = 'blue';
else if(ratingValue > 70 & ratingValue < 100)
color = 'green';
$(".ui-slider-range").css("background", color);
// Set text colour
$("#rating-value").css("color", color);
};
var setRatingValue=function(){
//设置文本
var评级值=$(“#评级滑块”)。滑块(“值”);
$(“#额定值”).text('yellow');
//更改滑块的背景色
//var hsl=“hsl(“+ratingValue+”、“+50+”、“+50+”)”;
var color='';
如果(额定值>0,额定值30,额定值70,额定值<100)
颜色='绿色';
$(“.ui滑块范围”).css(“背景”,颜色);
//设置文本颜色
$(“#评级值”).css(“颜色”,颜色);
};
滑块看起来像这样:这和我用过的不同
它需要滑块的连续值
仅当滑块的值从以下类别之一(0到30、31到70、71到100)更改时,我才想提醒滑块的值。
当前,当滑块移动时,它会提醒每个值
任何帮助都是可感知的您可以使用 这些事件作为函数参数传递
事件
和ui
对象,您可以在其中通过ui.value
检索值
然后您可以使用:
$(".slider").slider({
value: 50,
slide: function (event, ui) {
myFunction(event, ui);
}
});
对于哪种浏览器,您面临的问题是:您可以向我们展示您实际使用的滑块吗?首先,您有一些语法错误
&
是JavaScript中的一个位运算符。你需要&&
布尔运算符(这意味着两个术语的计算结果都必须为true)。@JordyvanKuijk:我试过了,但我的小提琴不起作用。你检查我的小提琴吗:-这是你想要的行为吗?