将jquery水平滑块更改为垂直

Question

我有这个水平范围滑块小部件，我也想要垂直选项。虽然我可以改变滑杆的方向，但我似乎无法让手柄做同样的事情。关于我错过了什么的任何想法？

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

Answer 1

如果你可以在 codepen 或 fiddle 上重新创建它会更好，所以我们有一些东西可以使用，但从外观上看，你需要做的就是将滑块类 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