4 
$('#slider').slider({
    range: "min",
    value: 20,
    step: 5,
    min: 20,
    slide: function( event, ui ) {
        $( "#amount1" ).val( "$" + ui.value );
    }
});

これは私が今持っているもので、値を表示するスライダー バーです。HTML部分は次のとおりです。

<label for="amount">Offer:</label>
<input type="text" id="amount1" />
<div id="slider"></div>

私が望むのは、その下にテキストのブロックを含むテーブルを作成することです。ただし、値が大きくなるにつれてテキストを変更したいと思います。もしそうなら、それは「blah2」と言う>= 20でしょ< 40う"Blah1" =>40

しかし、スライド機能に別のイベントを追加するのに問題があります。

色々と応用できますので、どうぞよろしくお願いいたします。通常、スクリプトごとに 1 つの関数にすぎません。このように階層化したことはありません。

4

1 に答える 1

4

の値を評価するコードを既存の関数に追加するだけですui.value。

$('#slider').slider({
    range: "min",
    value: 20,
    step: 5,
    min: 20,
    slide: function(event, ui) {
        $("#amount1").val("$" + ui.value);

        if (ui.value >= 20 && ui.value < 40) {
            $("#message").text("greater than or equal to 20 and less than 40");
        } else if (ui.value >= 40) {
            $("#message").text("greater than or equal to 40");
        }
    }
});

例: http://jsfiddle.net/andrewwhitaker/WP29E/16/

于 2012-10-06T17:56:00.830 に答える