将 jquery 个水平滑块更改为垂直滑块
Change jquery horizontal sliders to vertical
我有这个水平范围滑块小部件,我也想要垂直选项。虽然我可以改变滑杆的方向,但我似乎无法让手柄做同样的事情。对我遗漏的内容有什么想法吗?
如果你能在 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
我有这个水平范围滑块小部件,我也想要垂直选项。虽然我可以改变滑杆的方向,但我似乎无法让手柄做同样的事情。对我遗漏的内容有什么想法吗?
如果你能在 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