WP Gravity Form - добавить слайдер диапазона
Я хотел бы ввести ползунок диапазона вместо числового поля ввода в моей гравитационной форме. Поддержка от GF сказала мне, что такой тип ввода сейчас недоступен, но я могу легко интегрировать ползунок jQuery, например. Посмотрите здесь: http://jqueryui.com/slider/
Итак, вот что я сделал. Я ввел следующий код в мой 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", чтобы задавать класс в одном из моих полей ввода текста. Проблема в том, что слайдер не появляется. Я не получаю сообщение об ошибке или что-то подобное. Это просто слайдер, который не появляется.
Может кто-нибудь помочь мне и сказать, что я делаю неправильно?
С наилучшими пожеланиями, Крис
1 ответ
На самом деле, с обновлением до Gravity Form 1.9 на wordpress.org появился плагин, который как раз то, что мне нужно.
Если кто-то еще ищет слайдер с гравитационным обзором, взгляните на этот плагин: https://wordpress.org/plugins/gravity-slider-fields/
Он работает стабильно на моем сайте.
С уважением, Крис
Плагин Range Slider For Gravity Form для настройки слайдера в вашей гравитационной форме с большим количеством опций. он делает слайдер jquery ui, поэтому jquery ui большей части функции доступен