gpt4 book ai didi

jquery - 如何使用 jQuery UI .slider() 制作垂直滚动条?

转载 作者:行者123 更新时间:2023-12-01 07:29:27 25 4
gpt4 key购买 nike

<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
#slider { margin: 10px; }
</style>
<script>
$(document).ready(function() {
$("#slider").slider( "option", "orientation" );

//getter
var orientation = $( "#slider" ).slider( "option", "orientation" );
//setter
$( "#slider" ).slider( "option", "orientation", 'vertical' );
});
</script>
</head>
<body style="font-size:62.5%;">

<div id="slider"></div>

</body>
</html>

我添加在

    //getter
var orientation = $( "#slider" ).slider( "option", "orientation" );
//setter
$( "#slider" ).slider( "option", "orientation", 'vertical' );

部分代码希望让演示页面的滚动条垂直显示,但它所做的只是隐藏已经存在的水平滚动条,现在我只有一个空白页面。我到底如何实现垂直滚动条选项?我不太明白 documentation page. 上列出的说明

最佳答案

我认为this文档的一部分相当清楚:

    $( "#slider-vertical" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
slide: function( event, ui ) {
$( "#amount" ).val( ui.value );
}
});

您只需执行 $( "#slider").slider( { "orientation": "vertical"} ); 即可创建垂直 slider 。

关于jquery - 如何使用 jQuery UI .slider() 制作垂直滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7340540/

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