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