jquery - Jquery滑块句柄应该脉冲颜色

Question

我正在尝试查看是否可以使 jquery 滑块句柄更加突出。

http://jsfiddle.net/QAuNY/

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

Answer 1

这是一个执行“脉动”的jsfiddle。 链接到 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 主题进行控制。