이 나는이 방법 ZF와 슬라이더를 만들었습니다 젠드 프레임 워크

Question

에 의해 생성되었을 때의 jQuery 슬라이더 값을 변경하는 방법 :

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없이 수행되는 솔루션과 다르며 작동합니다. 나는이 작업을 수행 할 때

<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> 

또한 :이 같은

html로 모양은

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]);   
     } 
    });