jquery-ui-slider - 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 ->文本不在当前。所以，换一次。它为第一个值。

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>

imdb投票CSS；

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