Question

フォームには他の入力とともにいくつかのスライダがあります。

他のすべての入力は見つける検証しますが、ここではスライダー

$(".jSlider").each(function(){ 
    var id = $(this).attr("id"); 
    var sliderID = id + "_slider"; 
    var newSlider = '<div style="padding-top:30px;padding-right:10px;background: #fff url(/images/scrollerBg.png) no-repeat;" id="sliderContainer" ><div style="background: #555" id="slider"></div></div><br />'; 
    $(this).append(newSlider); 
    $(this).closest('fieldset').find('input:text').css("display", "none"); 
    $("#slider", this).slider({ 
     value:0, 
     min: 0, 
     max: 10, 
     orientation: "horizontal", 
     range: "min", 
     step: 1, 
     animate: true, 
     change: function(event, ui) { 
      $(this).closest('fieldset').find('input:text').val(ui.value); 
       // was adding error manually cause of background image being used 
      $(this).closest('fieldset').find('div.jSliderError').slideUp('fast', function(){ 
       $(this).remove(); 
      }); 
      } 

    }); 

    }); 

を追加するために、問題を検証jqueryのスライダー

コードを持つことは、私は

<fieldset class="q_default required jSlider fixFirefox" id="q_423" name="8) On a scale of 0 to 10 how did you like it?"><legend><span>8) On a scale of 0 to 10 how did you like it?</span></legend><ol><span class='help'></span> 
    <input id="r_8_question_id" name="r[8][question_id]" type="hidden" value="423" /> 


    <input class="" id="r_8_answer_id" name="r[8][answer_id]" type="hidden" value="8782" /> 
    <li class="string optional" id="r_8_string_value_input"><input id="r_8_string_value" maxlength="255" name="r[8][string_value]" type="text" /></li> 
    </ol></fieldset> 

Answer 1

2つのことを生成しますfieldsetのの一つであります通知：

1：を宣言していますは$.each()の中にあります。つまり、各繰り返しで#sliderのパラメータを上書きすることができます。

2：$(this).closest('fieldset').find('input:text').val(ui.value);はchange: function(){}の中で正しくトラバースされていない可能性があります。特に#selectを探していて、複数ある場合は特にそうです。