Как изменить значение слайдера jQuery, когда оно было создано Zend Framework

Question

Я создал слайдер с помощью ZF:

print("<div>" 
        . $this->slider("developmentEffort",
                      "",
                      array('min' => 1,
                            'max' => 10,
                            'value' => $this->value,
                            'animate' => 'slow'))
. "</div>");

И затем я хочу установить новое значение для него при нажатии на ссылку сохранения.Но следующий код ничего не делает.

$( "#developmentEffort-slider" ).slider( "option", "value", 9 );

и не делает этого

$( "#developmentEffort" ).slider( "option", "value", 9 );

Я думаю, это потому, что ZF создает скрытое поле ввода.По крайней мере, это отличается от решения, которое делается без ZF, и оно работает.

HTML выглядит так:

<input id="developmentEffort" type="hidden" value="6" name="developmentEffort">
<div id="developmentEffort-slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider-handle ui-state-default ui-corner-all" style="left: 55.5556%;">  </div>

Также, когда я делаю это:

var value = $( "#developmentEffort" ).slider( "option", "value" );
alert(value);

Я получаю уведомление [объект объекта], а не значение.

Так, как я могу получить эту работу с ZF?

Answer 1

Если структура ползунка ниже, со скрытыми значениями.

    <h6>Price:<span id="pr_out"></span></h6>
    <div class="aclass" style="padding-left:5px;">            
        <div id="pr_slider" style="width:200px"></div>
        <input type="hidden" name="min_price" id="min_pr" />
        <input type="hidden" name="max_price" id="max_pr" />
    </div>

Вы просто используете подобный код, чтобы заставить его работать

    $("#pr_slider" ).slider
    ({
       range: true,
       min: min_range,
       max: max_range,
       values: [init_min_range, init_max_range],
       slide: function( event, ui )
       {
             $( "#pr_out" ).html(ui.values[ 0 ] + " - "+ui.values[ 1 ] );
             $( "#min_price" ).val(ui.values[0]);
            $( "#max_price" ).val(ui.values[1]);           
       }
    });