将 jquery 个水平滑块更改为垂直滑块

Question

我有这个水平范围滑块小部件，我也想要垂直选项。虽然我可以改变滑杆的方向，但我似乎无法让手柄做同样的事情。对我遗漏的内容有什么想法吗？

访问：http://wp11004271.server-he.de/alloytoy3.7

Answer 1

如果你能在 codepen 或 fiddle 上重新创建它会更好所以我们有一些东西可以使用但是从它的外观来看你需要做的就是改变你的滑块 class height + width 值到你需要的任何值。

然后在你的 javascript

        $("#slider-heatresist").slider({
            orientation: "vertical",             //Add this
            slide: function (event, ui) {
                var value1 = (ui.value * 225 / 100).toFixed();
                var value2 = (ui.value * 225 / 100).toFixed();
                filter.sl7_min = value1;
                filter.sl7_max = value2;
                filterItems();
                if (ui.value == 0)
                    value1 = "Keine Auswahl";
                $("#heat_resistance").val(value1);

            },
            create: function (event, ui) {
                $("#heat_resistance").val("Keine Auswahl");
            }
        });//7

更多相关信息请参考https://jqueryui.com/slider/#range-vertical

将 jquery 个水平滑块更改为垂直滑块

Change jquery horizontal sliders to vertical

jquery

uislider

horizontal-scrolling

vertical-scrolling

rangeslider