1

この水平レンジ スライダー ウィジェットがあり、垂直オプションも必要です。スライド バーの向きを変更することはできますが、ハンドルを同じようにすることはできないようです。私が逃したものについてのアイデアはありますか？

訪問: http://wp11004271.server-he.de/alloytoy3.7

4

1 に答える 1

0

これを 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を参照してください。

于 2015-09-15T08:40:33.877 に答える