gpt4 book ai didi

javascript - 如何使用 jQuery 读取圆形 slider 的值?

转载 作者:行者123 更新时间:2023-11-28 17:57:01 25 4
gpt4 key购买 nike

我有一个圆形 slider ,是我在一些网站的帮助下制作的。现在我尝试读取 slider 的当前值并将值存储在数据库中。但我正在努力获取 slider 值。默认情况下, slider 显示该值。但无法使用它。我需要将该值存储在变量中并进一步使用它。有人可以帮忙吗?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery roundSlider - JS Bin</title>

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.roundslider/1.0/roundslider.min.css">
<script src="//cdn.jsdelivr.net/jquery.roundslider/1.0/roundslider.min.js"></script>
</head>

<body>
<h2>roundSlider</h2>
<div id="slider"></div>
<div id="range"></div>
</body>
</html>


$("#slider").roundSlider(
{
value:0,
min: 0,
max: 100,
step: 1,
sliderType: "min-range",
slide: function(event, ui) {
alert(ui.value);
}

}
);

最佳答案

如果值发生了变化,可以通过变化事件来判断

change( event, ui )
  1. 事件(事件对象保证传递给事件处理程序)
  2. ui:handle(代表被更改的句柄),handleIndex(被移动的句柄的数字索引),value( slider 的当前值。)

你必须像这样编写更改事件

$("#slider").roundSlider(
{
value:0,
min: 0,
max: 100,
width: 30,
step: 1,
sliderType: "min-range",
change: function (args) {
console.log(args.value);
$('#range').html(args.value)
}
}
);

参见demo这里

关于javascript - 如何使用 jQuery 读取圆形 slider 的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44255986/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com