jquery присоединяет обработчик события наведения к пути во встроенном файле SVG

Question

Я пытаюсь присоединить обработчик события наведения к пути во встроенном svg с помощью jquery.

Код для вставки в HTML выглядит так:

<embed id="theSVG" src="thesvg.svg" type="image/svg+xml" width="2000" height="1280" />

Я могу заставить его работать, если я не встраиваю svg, но помещаю его в html-строку, а затем использую следующий javascript, связанный с html-файлом:

$('path').hover(
function () {
//do something
};
}, 
function () {
//do something else
};
}
);

Но я не знаю, как ссылаться на путь во встроенном svg через jquery.

Спасибо

Fb

Answer 1

Скорее всего, вам понадобится плагин svg для jQuery для доступа к встроенному коду svg. Вот пример присоединения событий к путям в svg с использованием jQuery SVG .

В целом это выглядит так:

var svg = $('#svg_container').svg('get');
$("#path_id", svg.root()).bind('click', function() {
    alert('path clicked');
})