2012-03-24 7 views
0

によって作成されたときにjQueryのスライダー値を変更する方法:それは私がこのようZFでスライダーを作成したZend Frameworkの

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で手に入れることができますか?

答えて

0

スライダーの構造が隠し値の場合は次のようになります。

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

申し訳動作させるために同様のコードを使用しますが、私は私は、この例で作業することはできません。まだ何も起こらない。上記のHTMLコードを追加しました。 – Gessle

関連する問題