Jquery mobile 未捕获类型错误：对象#<；SVGAnimatedString>；没有方法'；指数'；在d3.js和jquery UI中，尝试显示弹出窗口时移动

我正在尝试在一个移动应用程序中构建一个d3图表，其中的节点应该在触摸时显示一个弹出窗口。 但是，单击节点时，我会出现以下错误-

未捕获的TypeError:对象#没有方法“indexOf”

我在codepen上重新创建了这个问题-

我试着在谷歌上搜索这个，但是看起来这个bug已经被修复了（？）

我错过什么了吗？我应该寻找什么来解决这个问题

---

谢谢大家!

这是同一个问题：

我有同样的问题，不使用d3。我只使用纯SVG，并使用angularJS控制器将其附加到DOM中。问题不在d3中。您可以通过在包含链接的元素上的jQuery click事件处理程序中添加return false值来解决此问题

我的SVG的一部分：

<g id="1" class="node">
<a xlink:title="title">
<polygon fill="#cccccc" stroke="#cccccc" points="25,-434 25,-457 98,-457 98,-434 25,-434"></polygon>
<polygon fill="none" stroke="black" points="25,-434 25,-457 98,-457 98,-434 25,-434"></polygon>
<text text-anchor="start" x="29.5" y="-442.3" font-family="Arial" font-size="14.00">title</text>
<polygon fill="transparent" stroke="black" points="25,-412 25,-434 98,-434 98,-412 25,-412"></polygon>
<text text-anchor="start" x="37" y="-419.8" font-family="Arial" font-size="14.00">title</text>
</a>
</g>

---

希望这有帮助……

这是同样的问题：

我有同样的问题，不使用d3。我只使用纯SVG，并使用angularJS控制器将其附加到DOM中。问题不在d3中。您可以通过在包含链接的元素上的jQuery click事件处理程序中添加return false值来解决此问题

我的SVG的一部分：

<g id="1" class="node">
<a xlink:title="title">
<polygon fill="#cccccc" stroke="#cccccc" points="25,-434 25,-457 98,-457 98,-434 25,-434"></polygon>
<polygon fill="none" stroke="black" points="25,-434 25,-457 98,-457 98,-434 25,-434"></polygon>
<text text-anchor="start" x="29.5" y="-442.3" font-family="Arial" font-size="14.00">title</text>
<polygon fill="transparent" stroke="black" points="25,-412 25,-434 98,-434 98,-412 25,-412"></polygon>
<text text-anchor="start" x="37" y="-419.8" font-family="Arial" font-size="14.00">title</text>
</a>
</g>

希望这有助于