Jquery滑块手柄应该是脉冲颜色

Question

我试图看看我是否可以让jquery滑块手柄脱颖而出。

http://jsfiddle.net/QAuNY/

所以我试图使用前面的代码，只是我不确定flashing事件是否发生。我做错了什么？

Answer 1

这是一个执行“脉动”的jsfiddle。 Link to jsfiddle

$(function () {
    $("#secrets-slider").slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: 100,
        value: 70,
        slide: function (event, ui) {
            $("#amount").val(ui.value);
        }
    });
    function flashing() {
        if (flash === 0) {
            $("#secrets-slider .ui-slider-range").stop(true, true);
        } else {
            $("#secrets-slider").animate(
                {
                    backgroundColor: '#ff8c00'
                }, 500,
                function() {
                    $("#secrets-slider").animate(
                        {
                            backgroundColor: '#f00'
                        }, 500
                    )
                }                                         
            )
            setTimeout(flashing,1000);
        }
    }
    flashing();
});

由于jQueryUI使用背景图像绘制滑块，滑块的某些部分仍然是灰色的 - 但它们可以通过css主题控制。