Question

我在Raphael JS中遗漏了一些明显的东西。我是a）循环遍历数组，b）从值中绘制圆圈，c）创建文本叠加，以及d）在Raphael中设置侦听器。

我正在努力的是听众的行动。具体来说，我如何通过其id获取元素，然后执行类似移动到顶部的操作。

JSFiddle的消息来源 http://jsfiddle.net/NPks2/3/

我希望这可行，但事实并非如此。你能帮忙吗？

// this happening while looping through an object
var p = paper.circle(x_coord, y_coord, diameter)
    .data("i", i)
    .attr({"fill": "90-"+fillColorStart+":5-"+fillColorEnd+":95","fill-opacity": 0.5})
    .glow({color: "#4b4b4b", width: 7})

    paper.text(x_coord, y_coord, opportunityTitle)
    .data("text_id", i+"text")
    .attr({ "font-size": 16, "font-family": fontFamily, "fill":fontColor});

    paper.text(x_coord, title_y_coord, ideasCount)
    .attr({ "font-size": 27, "font-family": fontFamily, "fill":fontColor});


// loop is over, listeners are waiting
paper.forEach(function(element) {
    element.mouseover(function() {
            c = elem_id = this.data("i");    
        t = p.getById(elem_id"+text);

        c.toFront();
        t.toFront();
    });
});

Answer 1

您需要添加：

this.toFront();

到你的element.mouseover函数：

我更新了您的fiddle：

Raphael JS - 通过id获取元素，将该元素移到顶部

1 个答案: