1

次のコード スニペットがあります。

http://jsfiddle.net/Wcexy/

これは次のとおりです。

HTML:

<div id="secrets-slider"></div>

CSS:

#secrets-slider {
    position: relative;
    left: 50%;
    top:50px;
    height: 200px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background: red;
}

Javascript:

var flash = 1;

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

今、私は友人のために作ろうとしているウェブサイトにこのコードを実装しています。ここから入手可能: http://blah.eu5.org/

このコードを追加すると、機能しないようです。注目すべきは、jquery スライダー ハンドルがまったくパルスしないことです。イベントが発生していることを確認しましたがalert("Moo");、CSS が変更されているようには見えません。これはなぜでしょうか？

4

1 に答える 1

0

多くの頭痛の種の後、.animate()バックグラウンドでの使用は実際には JQuery UI プラグインの一部であることがわかり、このコードを含まない最小化されたバージョンの UI プラグインを使用していました (ほとんどスライダーがあり、それはそれ）。

それを私への教訓にしましょう。

于 2013-02-21T06:46:54.107 に答える