如何使用jQuery UI.slider（）创建垂直滚动条？

部分代码希望让演示页面的滚动条垂直显示，但它所做的只是隐藏已经存在的水平滚动条，现在我只有一个空白页面。如何准确实现垂直滚动条选项？我不太理解文件上列出的说明，我认为文件的一部分相当清楚：

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

你只需要做

$（“#slider”）.slider（{“orientation”：“vertical”}）以创建垂直滑块
 我认为文件的一部分相当清楚：

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

你只需要做
$（“#slider”）.slider（{“orientation”：“vertical”}）以创建垂直滑块
 实际上我只是这样做了，但它仍然是水平渲染的，我无法与控件交互，只能通过鼠标进行交互。我可以使用getter方法从滑块中检索值，它返回正确的值。我发现了我的问题。由于一些CSS地狱，一个“top”样式被应用到我用来查找我用于滑块的div的CSS类中。一旦我从css类中删除了“top”样式，滑块就可以正常工作了。我实际上就是这样做的，但它仍然是水平渲染的，我无法与控件交互，只能通过鼠标进行交互。我可以使用getter方法从滑块中检索值，它返回正确的值。我发现了我的问题。由于一些CSS地狱，一个“top”样式被应用到我用来查找我用于滑块的div的CSS类中。一旦我从css类中删除了“top”样式，滑块就可以正常工作了
    $( "#slider-vertical" ).slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: 100,
        value: 60,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.value );
        }
    });