Как создать оболочку JQuery на существующем svg-объекте? - PullRequest
Новая
       0

Как создать оболочку JQuery на существующем svg-объекте?

2 голосов
/ 17 мая 2011

В аналогичной теме я спрашивал, возможно ли это вообще (/4356825/svg-cherez-jquery-svg),, но когда я пытался реализовать это: 

<body onload="alert('loaded');testSvg();">
<div id="div3" style="border: solid 1px black; width:200px; height:100px">
    <svg id="svg3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"></svg>
</div>

<script type="text/javascript">
function testSvg() {
    var svgRootElement = $("#svg3").get();
    var svgWrapper = new $.svg._wrapperClass(svgRootElement);
    svgWrapper.circle(30, 25, 50, { fill: 'red' });
}

У меня ошибка:

'TypeError: Невозможно получить значение свойства' createElementNS ': объект является нулевым или неопределенным' ошибка ...

Почему? Как это исправить?

Спасибо!

1 Ответ

3 голосов
/ 17 мая 2011

Вы хотите получить первый элемент DOM, а не массив. Используйте метод доступа к массиву или .get(0): 

var svgRootElement = $("#svg3")[0];
console.log(svgRootElement);
var svgWrapper = new $.svg._wrapperClass(svgRootElement);
svgWrapper.circle(30, 25, 50, { fill: 'red' });

Рабочий пример здесь: http://jsfiddle.net/nrabinowitz/kJCAr/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...