snapsvg - 在 SVG 中添加 SVG + 事件不起作用

【问题标题】：snapsvg - Add SVG inside SVG + events not workingsnapsvg - 在 SVG 中添加 SVG + 事件不起作用
【发布时间】：2016-02-27 16:14:14
【问题描述】：

我在一个网页中有几个 SVG 元素，我想嵌套它们。我遇到的问题是，当我这样做时：

top = Snap("#workspace");
inner = Snap("#child");
top.add(inner);

然后inner 不响应事件，即inner.click(function....) 或inner.drag() 不做预期的事情。这是JSFiddle。 dots 对象是不可拖动的，而 block 是。

【问题讨论】：

【解决方案1】：

您不能拖动/转换 svg 元素本身，所以这不起作用。

您可以拖动 g 元素，所以将拖动处理程序放在上面。您可以改为这样做。

var dots = Snap("#layer1");

【讨论】：