使用这个:
https://jsfiddle.net/6sxg9ytd/1/
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Slider - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#slider" ).slider(
{
range: true,
min: 0,
max: 500,
values: [ 55, 105 ],
slide: function( event, ui ) {
console.log("sliding");
}
});
} );
</script>
</head>
<body>
<div id="slider"></div>
</body>
</html>
$( "#slider_element" ).slider({
orientation: "vertical",
min: 20,
max: 90,
range: false,
values: 20,
slide: function( event, ui ) {
$('#input_element').val(ui.values[ 0 ] ).change();
}
});
这是获取一个滑动按钮的代码,而不是范围。这也是垂直滑块的一个示例。正如您在代码中看到的。这100%有效。