Question

这不起作用：

<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（），为什么它不会显示？

萤火虫显示 style =“display：none;”; 。即使我从我的css文件中删除css for display none（ #rectangle {display：none;} ）。

似乎在hide（）之后你不能使用fadeIn（）函数，但为什么呢？

提前感谢您的帮助。

Answer 1

为什么不这样做呢：

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

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

Answer 2

Raphael确实只有动画不透明度来模拟fadeIn和fadeOut。也许一些未来的版本会带来这一点。现在就处理它。祝你有愉快的一天。

使用Id时隐藏在Raphael之后FadeIn不工作

2 个答案: