将jQuery水平滑块更改为垂直

dnp76

我有这个水平范围滑块小部件,我也想要垂直选项。尽管我可以更改滑杆的方向,但似乎无法使手柄做相同的事情。关于我错过的任何想法吗?

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

诺斯基

如果可以在Codepen或Fiddle上重新创建它,则更好,这样我们就可以使用一些东西,但是从外观上,您需要做的就是将您的Slider类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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将Twitter的Navbar从垂直更改为垂直

来自分类Dev

使用事件将Java中的GridLayout从水平更改为垂直。

来自分类Dev

将垂直菜单更改为水平

来自分类Dev

将垂直滚动更改为水平

来自分类Dev

自适应flexbox-包装后将边距从水平更改为垂直吗?

来自分类Dev

如何使用CSS将div放置从水平更改为垂直?

来自分类Dev

如何将QTableView项的方向从垂直更改为水平?

来自分类Dev

如何将水平输入更改为垂直输出

来自分类Dev

如何将WKInterfaceSeparator从水平更改为垂直?

来自分类Dev

jQuery的简单的水平滑块

来自分类Dev

将滚动方向从垂直更改为水平时,为什么收藏夹视图会崩溃?

来自分类Dev

如何将连续的元素顺序从水平更改为垂直?

来自分类Dev

如何将VBA一维数组输出从水平更改为垂直?

来自分类Dev

jQuery UI:水平滑块向右移得太远

来自分类Dev

将水平JQuery选项卡更改为垂直选项卡

来自分类Dev

将垂直菜单更改为水平

来自分类Dev

将CSS垂直下拉菜单更改为水平

来自分类Dev

如何使用CSS将div的位置从水平更改为垂直?

来自分类Dev

如何将垂直CSS菜单更改为水平菜单

来自分类Dev

如何将QTableView项的方向从垂直更改为水平?

来自分类Dev

将内容视图从垂直更改为水平后,Android Button事件无法正常工作

来自分类Dev

Rgd:双水平滑块

来自分类Dev

将Excel数据格式从垂直更改为水平

来自分类Dev

如何将 UICollectionView 的 Flow Layout 更改为具有水平滚动的垂直列表

来自分类Dev

Angular 4 Material 2 - 如何使用 MD-Gridlist 将标签从垂直更改为水平?

来自分类Dev

将引导列的内容流从水平更改为垂直

来自分类Dev

将按钮的位置更改为垂直而不是水平

来自分类Dev

将响应式列表从水平 CSS 更改为垂直 CSS

来自分类Dev

如何将水平滚动按钮更改为垂直滚动

Related 相关文章

  1. 1

    将Twitter的Navbar从垂直更改为垂直

  2. 2

    使用事件将Java中的GridLayout从水平更改为垂直。

  3. 3

    将垂直菜单更改为水平

  4. 4

    将垂直滚动更改为水平

  5. 5

    自适应flexbox-包装后将边距从水平更改为垂直吗?

  6. 6

    如何使用CSS将div放置从水平更改为垂直?

  7. 7

    如何将QTableView项的方向从垂直更改为水平?

  8. 8

    如何将水平输入更改为垂直输出

  9. 9

    如何将WKInterfaceSeparator从水平更改为垂直?

  10. 10

    jQuery的简单的水平滑块

  11. 11

    将滚动方向从垂直更改为水平时,为什么收藏夹视图会崩溃?

  12. 12

    如何将连续的元素顺序从水平更改为垂直?

  13. 13

    如何将VBA一维数组输出从水平更改为垂直?

  14. 14

    jQuery UI:水平滑块向右移得太远

  15. 15

    将水平JQuery选项卡更改为垂直选项卡

  16. 16

    将垂直菜单更改为水平

  17. 17

    将CSS垂直下拉菜单更改为水平

  18. 18

    如何使用CSS将div的位置从水平更改为垂直?

  19. 19

    如何将垂直CSS菜单更改为水平菜单

  20. 20

    如何将QTableView项的方向从垂直更改为水平?

  21. 21

    将内容视图从垂直更改为水平后,Android Button事件无法正常工作

  22. 22

    Rgd:双水平滑块

  23. 23

    将Excel数据格式从垂直更改为水平

  24. 24

    如何将 UICollectionView 的 Flow Layout 更改为具有水平滚动的垂直列表

  25. 25

    Angular 4 Material 2 - 如何使用 MD-Gridlist 将标签从垂直更改为水平?

  26. 26

    将引导列的内容流从水平更改为垂直

  27. 27

    将按钮的位置更改为垂直而不是水平

  28. 28

    将响应式列表从水平 CSS 更改为垂直 CSS

  29. 29

    如何将水平滚动按钮更改为垂直滚动

热门标签

归档