1

これは機能していません:

<div id="draw">
        <script>
                    $(document).ready( function () {

                        var filler = {
                            'fill': 'white',
                            'stroke': 'white',
                            'stroke-width': '0',
                            'cursor': 'pointer'
                        }

                        var paper = Raphael(100, 296, 175, 5);

                        var rectangle = paper.rect(0, 0, 5, 5);
                        rectangle.attr(filler);
                        rectangle.node.id = 'rectangle';

                        $("#rectangle").hide();
                        $("#rectangle").fadeIn('2000');

                    });
        </script>
</div>

何も表示されません。hide() のみを使用すると、長方形が非表示になります。しかし、フェードインしたいので、 #rectangle { display: none; を使用してみました。} を css ファイルに追加してから、fadeIn を使用しますが、どちらも機能しません。

私は何が間違っているのかまったくわかりません。remove() を使用しておらず、hide() のみを使用しているのに、なぜ表示されないのでしょうか?

firebug は、style="display:none;"であることを示しています。; . css ファイルからdisplay none ( #rectangle { display: none; } ) の css を削除しても。

hide() の後、fadeIn() 関数を使用できないようですが、なぜですか?

よろしくお願いします。

4

2 に答える 2

1

代わりにそうしてみませんか：

rectangle.attr({opacity: 0});
rectangle.animate({opacity: 1}, 2000);

JSFiddle: http://jsfiddle.net/wrDGP/

于 2012-07-20T16:37:18.500 に答える
0

Raphael には、fadeIn と fadeOut のシミュレーション用のアニメーションの不透明度しかありません。おそらく、いくつかの将来のバージョンでこれが実現するでしょう。とりあえず対処してください。良い１日を。

于 2012-07-21T06:43:51.193 に答える