上一篇: svg文本的文本编辑器下一篇:jquery – AJAX失败了404 …但无...

如何将jquery click事件添加到gRaphael图形？

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何将jquery click事件添加到gRaphael图形？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我用g.Raphael制作了一张图表：

$(function(){
    var r = Raphael("pieChart"),pie = r.piechart(320,240,100,[55,20,13,32,5,1,2,10]);

            r.text(320,"Interactive Pie Chart").attr({ font: "20px sans-serif" });
            $(pie.sector).click(function(){
                alert('hi');//not work!
            })

})

后来我将click事件添加到了pie.sector,但我的事件不起作用…任何人都知道使用jQuery处理gRaphael的正确方法吗？

解决方法

干得好

迭代你的饼切片并为它们添加点击处理程序

for(var index_i=0;index_i < pie.covers.items.length;index_i++){
    pie.covers.items[index_i].click(clickSomeSlicE);
}


var clickSomeSlice = function () {
    alert("clicked on\t"+this.label[1].attrs.text);
};

Here a complete jsfiddle example