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

时间:2015-02-09 19:03:09

标签: wordpress slider gravity

我想在我的重力表格中输入范围滑块而不是数字输入字段。 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>

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

有人可以帮助我并告诉我我做错了吗?

亲切的问候, 克里斯

2 个答案:

答案 0 :(得分:2)

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

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

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

此致 克里斯

答案 1 :(得分:0)

Range Slider For Gravity Form插件可通过重力形式设置滑块,并提供很多选择。 它使jquery ui滑块可用,因此jquery ui的许多功能都可用