jQuery ui Slider值不读

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 - ＆gt; 文字不在当前。所以，换一次。这是第一个值。

Slider尝试值（ .specialSearch form 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;}