像raphaelJS一样设置和获取数据

时间:2013-12-17 21:28:55

标签: get raphael

我正在与RaphaelJS合作。 我注意到您可以向元素添加动态数据,例如:

  1. 分配值:

    el.data("key",value);
    
  2. 获取值:

    el.data("key")
    
  3. 如何使用JQuery或Javascript复制此行为?

1 个答案:

答案 0 :(得分:1)

嗨,我在这里尝试一下:正如我理解的那样,你想从Rapahel传达给jQuery。

我到目前为止最好的方法是保留两者的引用并相应地使用它们,因为Raphael似乎没有直接将数据插入dom(除了ID属性):

$(document).ready(function () {
    var paper = Raphael("div", 400, 150);
    var circle = paper.circle(80, 80, 30).data('title', 'Red dot').attr({
        fill: '#f00'
    });
    circle.node.id = 'my_circle';

    $el_circle = $(circle[0]); // get DOM element out of Rapahel's object
    $el_circle.on('click', function () {

        // use Raphael reference:
        alert("My is title: " + circle.data('title'));

    });
});

http://jsfiddle.net/saxxi/Z35NV/

参考。