jQuery Forum

I ran into this same problem trying to get qTip2 (http://craigsworks.com/projects/qtip2/) to create tooltips for SVG elements on a page also running Keith Wood's SVG DOM extension (http://keith-wood.name/svg.html).

Fiddling around and playing off of a hunch, I found a hacky workaround. If 'this' doesn't have the each() method, then it must be a single element, in which case the code in each() can just be run once for 'this'.

So immediately before the following code in jquery.svgdom.js:

1. return this.each(function() {
       if ($.svg.isSVGElem(this)) {
           for (var n in options) {
               var val = ($.isFunction(options[n]) ? options[n]() : options[n]);
               (type ? this.style[n] = val : this.setAttribute(n, val));
           }
       }
       else {
           origAttr.apply($(this), [name, value, type]);
       }
   });

I added the following:

1. if (! this.each) {
       if ($.svg.isSVGElem(this)) {
           for (var n in options) {
               var val = ($.isFunction(options[n]) ? options[n]() : options[n]);
               (type ? this.style[n] = val : this.setAttribute(n, val));
           }
       }
       else {
           origAttr.apply($(this), [name, value, type]);
       }
       return;
   }

And qTip2 now works as expected with SVG objects.

In this situation, this is not a single element, but an array of elements. The simplest solution is to wrap this in a jQuery call before invoking each:

1. return $(this).each(function() {
2.     if ($.svg.isSVGElem(this)) {
3.         for (var n in options) {
4.             var val = ($.isFunction(options[n]) ? options[n]() : options[n]);
5.             (type ? this.style[n] = val : this.setAttribute(n, val));
6.         }
7.     }
8.     else {
9.         origAttr.apply($(this), [name, value, type]);
10.     }
11. });