jQuery ui 슬라이더 값이 읽히지 않습니다

Question

jQuery로 값 슬라이더를 생성했습니다.

<div class="specialSearch"> 
    <form action="#" method="GET"> 
     <script type="text/javascript"> 
      $(function() { 
       $("#juiSlideIMDB").slider({ 
        value: 7.0, 
        min: 0.0, 
        max: 9.9, 
        step: 0.1, 
        slide: function(event,ui){ 
         $(".specialSearch form div b").val(ui.value); 
        } 
       }); 
       $(".specialSearch form div b").val($("#juiSlideIMDB").slider("value")); 
      }); 
     </script> 
     <div>IMDB Vote: <b></b></div> 
     <div id="juiSlideIMDB"></div> 
    </form> 
</div> 

이 코드, specialSearch 폼 DIV B는 값은 변경되지 않습니다. 그러나,이 라인 :

$(".specialSearch form div b").val($("#juiSlideIMDB").slider("value")); 

발

$(".specialSearch form div b").text($("#juiSlideIMDB").slider("value")); 

에 - 아니 현재의 텍스트> . 그래서, 한 번 바꾸는 것. 첫 번째 가치입니다.

슬라이더가 값 (.specialSearch 양식 div b)을 변경하려고합니다.

어떻게하면됩니까?

관심을 가져 주셔서 감사합니다.

Answer 1

해결되었습니다. 고마워 ..

<div class="specialSearch"> 
    <form action="#" method="GET"> 
     <script type="text/javascript"> 
      $(function() { 
       $("#juiSlideIMDB").slider({ 
        value: 7.0, 
        min: 0.1, 
        max: 9.9, 
        step: 0.1, 
        slide: function(event,ui){ 
         $("#imdbVote").val(ui.value); 
        } 
       }); 
       $("#imdbVote").val($("#juiSlideIMDB").slider("value")); 
      }); 
     </script> 
     <div>IMDB Vote: <input readonly="readonly" type="text" id="imdbVote" /></div> 
     <div id="juiSlideIMDB"></div> 
    </form> 
</div> 

imdbVote css;

#imdbVote{position:absolute;border:0;color:#f6931f;font-weight:bolder;width:25px;}