【问题标题】：jQuery ui Slider value not readingjQuery ui Slider 值未读取
【发布时间】：2013-07-30 19:35:12
【问题描述】：

我用 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 form div b 的值不会改变。但是，这一行：

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

到

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

val -> text 不在当前。所以，换一次。它为第一个值。

滑块尝试值（.specialSearch form div b）改变。

我们该怎么做？

感谢您的关注。

【问题讨论】：

标签： jquery-ui-slider

【解决方案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;}

【讨论】：