jquery垂直滑块句柄不移动

Posted 2023-05-09

【中文标题】jquery垂直滑块句柄不移动

【英文标题】：jquery vertical slider handle not moving

【发布时间】：2013-12-30 22:11:46

【问题描述】：

我正在使用 jquery 滑块作为垂直方向 bt 垂直滑块手柄不动。请帮助，我知道我遗漏了一些明显的东西。 --Demo here--

$( ".slider" ).slider(
       animate: true,
orientation:"vertical",
           range: "min",
           value: 50,
           min: 0,
           max: 100,
           step: 1,
           slide: function( event, ui ) 
               $("#slider-result").html( ui.value );
           
           );

【参考方案1】：

DEMO

我只是删除了top: -3px; 来自.ui-slider-handle

如果要将滑块的起始位置设置为顶部，请在滑块函数中使用 value 参数（值 = 100）。

【参考方案2】：

只需删除 .ui-slider-handle 中的 top:-3px;。