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")); 

VAL - >文本不是當前。所以，改變一次。它爲第一個價值。

滑塊嘗試值（.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;}