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テーマで制御できます。