用于处理事件的Jquery UI滑块

时间:2012-05-22 16:42:55

标签: javascript jquery jquery-ui

我是jquery和javascript的新手,但我希望做我认为应该是一个相对简单的任务。我想使用UI Slider小部件来控制某些操作。获得价值100,显示图像。获取值200,销毁上一个图像,播放新动画(或显示图像)。这是我到目前为止所写的:http://jsfiddle.net/LGMHP/14/

我是否完全以错误的方式解决这个问题?

1 个答案:

答案 0 :(得分: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 example