Класс Javascript на элементе пути

Question

Я создаю интерактивную карту с svg, и я преобразовал формат svg в файл javasript (rahpael). Я хочу поставить класс на элементе пути, чтобы создать эффект парения, но я не могу заставить его работать:

var path_cz = rsr.path("M513.4,537l-329,19.3L209.5,666c0,0,9.5,36.8,51.5,48.8l108,22.7c13.3-16.7,119-43.4,175.6-8.7l165.7-58.6 c0,0,210.2-54.5,113.6-150.5c-33.3-27.3-61.9-50.4-61.9-50.4l-72.8-5.5l-46.9,2l-154,6.7l-2.6,21L513.4,537z").attr({fill: '#4F217C',parent: 'farver','stroke-width': '0','stroke-opacity': '1'}).data('id', 'path_cz'); 

Я попытался .attr («класс», «имя класса»); и некоторые другие вещи внутри .attr, но до сих пор ничего ..

Любые предложения будут оценены, ТНХ :)

Answer 1

Как вы используете Рафаэль JS, самый простой способ сделать это, чтобы внедриться в метод парения что Рафаэль поставляет из коробки и обновляет его таким образом.

$(document).ready(function() { 
    var rsr = Raphael(0, 0, 1000, 1000); 
    var path_cz = rsr.path("M513.4,537l-329,19.3L209.5,666c0,0,9.5,36.8,51.5,48.8l108,22.7c13.3-16.7,119-43.4,175.6-8.7l165.7-58.6 c0,0,210.2-54.5,113.6-150.5c-33.3-27.3-61.9-50.4-61.9-50.4l-72.8-5.5l-46.9,2l-154,6.7l-2.6,21L513.4,537z").attr({fill: '#4F217C',parent: 'farver','stroke-width': '0','stroke- opacity': '1'}).data('id', 'path_cz'); 
    path_cz.hover(function() { 
     path_cz.node.setAttribute('class', 'one'); 
    }, function() { 
     path_cz.node.setAttribute('class', 'two'); 
    }); 
}); 

Для примера, вот скрипку: http://jsfiddle.net/n9Mt6/1/