WP Gravity Form - 添加范围滑块

Question

我想在 Gravity Form 中输入范围滑块而不是数字输入字段。 GF 的支持人员告诉我，这种输入类型现在不可用，但我可以轻松集成 jQuery 滑块等。看这里：http://jqueryui.com/slider/#rangemin

这就是我所做的。我在 header.php:

中输入了以下代码

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script>
jQuery(function() {
jQuery( "#slider-range-min" ).slider({
range: "min",
value: 5,
min: 0,
max: 100,
slide: function( event, ui ) {
jQuery( "#amount" ).val( "$" + ui.value );
}
});
jQuery( "#amount" ).val( "$" + jQuery( "#slider-range-min" ).slider( "value" ) );
});
</script>

之后，我在我的输入文本字段之一中使用了 class "slider-range-min" 屁股 class。问题是：滑块没有出现。我没有收到错误消息或类似信息。只是滑块没有出现。

有人可以帮助我并告诉我我做错了什么吗？

亲切的问候，克里斯

Answer 1

实际上，随着 Gravity Form 1.9 的更新，wordpress.org 上出现了一个插件，这正是我所需要的。

如果其他人正在寻找重力视图滑块，请查看此插件： https://wordpress.org/plugins/gravity-slider-fields/

它在我的网站上运行稳定。

此致，克里斯

Answer 2

Range Slider For Gravity Form 插件，用于在你的重力形式中设置滑块，有很多选项。它使 jquery ui 滑块因此 jquery ui 的许多功能可用

WP Gravity Form - 添加范围滑块

WP Gravity Form - add a range slider

wordpress

slider

gravity