如何在Jquery UI滑块中获取幻灯片索引号
如何在Jquery UI滑块中获取幻灯片索引号
提问于 2018-08-19 01:04:08
我想要得到滑块的索引。这是我的代码。：
$( "#slider" ).slider({
slide: function(event,ui){
$('#value').text(ui.index());
}
});回答 1
Stack Overflow用户
发布于 2018-08-19 01:11:40
您是在寻找ui.value属性还是$(ui.handle).index()属性？
请看下面的代码：
$( "#slider" ).slider({
slide: function(event,ui){
let index = $(ui.handle).index()
$('#value').text("value: " + ui.value + ", index: " + index);
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div id="slider"></div>
<div id="value"></div>
使用给定的值集(如[10, 25, 45, 150] )，整个情况更有意义
$("#slider").slider({
values: [10, 25, 45, 150],
max: 200,
change: function(event, ui) {
var index = $(ui.handle).index();
$("#value").text("handeled index: " + index);
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div id="slider"></div>
<div id="value"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51910877
复制相关文章
相似问题