Сохранить значение слайдера jQuery

Question

У меня есть вход и ползунок jQuery рядом с ним.

<div id="slider_value_1" class="slider"></div> <input type="text" name="value_1" value="<?php echo get_option('value_1'); ?>" />  

Настройки слайдера:

 $(".slider").slider({
        slide: function(event, ui) {
            $(this).next().val(ui.value);
        }
    });

 $("#slider_value_1").slider({ min: 1, max: 2000, step: 100  });   

Поэтому, когда я перемещаю ползунок вправо - он показывает2000 на входе рядом с ним, и когда я перемещаю ползунок влево - он показывает 1.

Проблема в том, что я сохраняю свою форму, и она отлично сохраняет значение ввода, но я хочу также сохранить положение ползунка.?Как это сделать?

Я думаю:

<div id="slider_value_1" class="slider" value="<?php echo get_option('value_1'); ?>"></div>  

Не сработает?

Answer 1

Я сделал это с помощью php, mysql и jquery.

Это с ползунком, идущим от 0 до 100, 50 - середина.

1. В поле ввода возьмите сохраненное значение из базы данных, если оно существует, если нет, установите ползунок на 50: <input type="hidden" name="input1" id="input1" value="<php $x = $row_y['value']; if($x == null){echo '50';} else{echo $x;}>"

2. Добавить переменную в javascript, которая получает значение из поля ввода и затем обновляет значение поля:

   var z= $(input).val(); $( ".slider" ).slider({animate: true,range: "min",value: z,min: 10,max: 100,step:10,change: function(event, ui) { $('#input1').attr('value', ui.value);} });

3. Затем вы можете отправить форму для обновления значения.

Надеюсь, это поможет.

Answer 2

Значение jQuery для ползунка сохранить * Динамическое значение в нескольких ползунках для цикла, как решить эту проблему у меня есть мой сценарий, пожалуйста, улучшите мой ответ *

var голосования_position = $ ("# скрыто"). Val (); // var value_slider_dynamic = parseInt (voice_position); var value_slider_dynamic = parseInt ($ ("input [name = 'value_dynamicslider']"). val ());

            //alert(vote_position);
        //var vote_position = $(this).attr('datamin');
        //$(selector).attr('datamin');
        //alert(vote_position);
        //$(".slider").slider('option', vote_position);

            $(".slider").slider({
            /*isRTL: true,
            isLTR: true,*/
            /*range: "min",*/

            range: "min",
            step: 1,
            min: 1,
            max: 3,
            value: value_slider_dynamic,

Answer 3

Учитывая, что ваш ввод имеет правильное значение, возможно, вы можете поместить что-то вроде следующего в ваш слайдер init

$("#slider_value_1").slider({ min: 1, max: 2000, step: 100, value: $("input[name='value_1']").val() });