微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在Raphael中使用jQuery

我用Raphael创建了一张图像地图.当单击图像映射中的一个路径(下例中的path10)时,我希望包含Raphael画布的div淡出使用jQuery.下面的代码不起作用,但我是否在正确的轨道上?
<script type="text/javascript" charset="utf-8">
    window.onload = function () {
        var R = Raphael("canvas",1050,550);
        var attr = {
            fill: "#bbb","fill-opacity": 1,stroke: "#222","stroke-width": 0.3,"stroke-linejoin": "round"
        };
        path10 = R.path("m 221.63509,150.81487 97.24682,0 0,89.68452 -97.24682,-89.68452 z").attr(attr);
    };

    path10.node.setAttribute("id","barry");

    $(document).ready(function(){
        $("#barry").click(function(){
            $("#canvas").fadeOut();
        });
    });

</script>

<body>
    <div id="canvas"></div>
</body>

解决方法

差不多……这个有效(在Firefox 3.6.8上测试过):
<body>
<script type="text/javascript" charset="utf-8">
    $("document").ready(function() {
        var R = Raphael("canvas",-89.68452 z").attr(attr);
        path10.node.setAttribute("id","barry");

        $("#barry").click(function(){
            $("#canvas").fadeOut();
        });     
    });

</script>

<div id="canvas"></div>
</body>

原文地址:https://www.jb51.cc/jquery/181383.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐