0

機能するスライダーを実装したので、スライダーの位置を使用してページ上の他の要素を更新する方法について混乱しています。これらの中かっこの間にいくつかのステートメントを追加して、イベントを作成する必要があると考えています。

.on('slide', function(ev){

    });

JSFiddle に小さなデモをアップしました: DEMO

スライダーがドラッグされるとスライダーの上の数字が変化し、スライダーがドラッグされると見出しの下の文が定義済みの文のリストに変化するようにしたいと思います。

事前に感謝します。私が得ることができるどんな助けにも本当に感謝します:-)

4

2 に答える 2

0

また、このような変更イベントコントローラーを作成することもできます

$('#slider_surface').slider({
    //Your slider configuration here
    range: "min",
    value: 0,
    min: 0,
    max: 10,
    step: 1,
    change: function(event, ui) {
        //Code to execute when the slider value changes
        console.log(ev);
        $('.score_number h3').html(ui.value);
        $('.score_text p').html(i18n[ui.value]);
        }       
    });
于 2013-11-03T19:54:58.473 に答える