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示例 。