0

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 ) の変更を試みます。

どうすればいい？

ご関心をお寄せいただきありがとうございます。

4

1 に答える 1

0

解決しました。ありがとう..

<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;}
于 2013-07-31T00:30:47.103 に答える