javascript - イベントを処理する Jquery UI スライダー

Question

私はjqueryとjavascriptを初めて使用しますが、比較的単純な作業であると思われることをしようとしています。UI Slider ウィジェットを使用して特定のアクションを制御したいと考えています。値を 100 にして、画像を表示します。値を 200 にして、前の画像を破棄し、新しいアニメーションを再生します (または画像を表示します)。これは私がこれまでに書いたものです: http://jsfiddle.net/LGMHP/14/

私はこれを完全に間違った方法で行っていますか？

Answer 1

jQuery 変数の前にドル記号がいくつかありませんでした。試す：

$("#slider").slider({
    animate: true,
    min: 0,
    max: 500,
    step: 100,
    slide: function(event, ui) {
        if (ui.value == 100) {
            $('#green').hide();
        };
        if (ui.value == 200) {
            $('#green').hide();
            $('#red').show();
        };

        $("#hour").text(ui.value);
    }
});​

jsFiddle の例。