WP重力形式 - 添加范围滑块

Posted 2021-04-12

我想在我的Gravity Form中输入一个范围滑块而不是一个nummeric输入字段。 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>

之后，我在我的一个输入文本字段中使用了类“slider-range-min”。问题是：滑块没有出现。我没有收到错误消息或类似的东西。它只是没有出现的滑块。

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

亲切的问候，克里斯

答案

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

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

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

问候，克里斯