Dojo滑块递增/递减

时间:2013-01-17 08:18:57

标签: javascript slider dojo

我已经在html画布上实现了一个dojo滑块来更改图像。如果滑块递增,我们调用showNextImage,如果滑块递减,我们调用showPrevImage。怎么实现这个?我尝试过使用onChange函数,但我无法从滑块中获取旧值。

 var slider = new dijit.form.HorizontalSlider({
        name: "slider",
        value: 0,
        minimum: 0,
        maximum: 10,
        discreteValues: 11, 
        intermediateChanges: true,
        style: "width:300px;",
        class:"dhSlider",
        disabled:false, 
        container: viewportWrapper,

        onChange: function(value) {

            var valueNew = a;

            if(value > valueNew)
            console.debug(valueNew);

            var a = value;
        }
    });

简化:我只想要一个告诉我滑块值是递增还是递减的函数。

1 个答案:

答案 0 :(得分:0)

使用全局变量。

 valueNew = 0;

    var slider = new dijit.form.HorizontalSlider({
        name: "slider",
        value: 0,
        minimum: 0,
        maximum: 10,
        intermediateChanges: true,
        style: "width:+ width + px",
        class: "dhSlider",
        disabled: false,
        container: viewportWrapper,
        onChange: function(value) {

            if (value > valueNew)
                console.debug("Up");
            else if (value < valueNew)
                console.debug("Down");

            valueNew = value;
        }
    });