SVG元素从URL加载后单击React

时间:2019-05-19 08:33:57

标签: javascript jquery svg

我想使用动态生成的URL(取决于React道具)来加载SVG,然后将“ click”事件处理程序分配给SVG中的各个区域。

SVG将使用可点击区域进行编码,并带有一个特殊类,即“ click-region”。然后,这些SVG会上传到可公开访问的URL,具体取决于客户端,从该URL可以将其加载到该地址。

这个想法是,一旦加载了SVG,我将为点击事件处理程序触发一个jQuery“ on”方法。

$('.click-region').on('click', { data: someData }, this.handleClickRegion);

如果我将SVG内联粘贴,则上面的代码可以正常工作。如果我从URL加载它,则jQuery处理程序将无法正常工作。

我猜测jQuery试图在加载SVG之前将其连接起来。

任何帮助都会很棒。

或者,如果我们事先不知道结构/配置,我很想知道在React应用中是否有更好的方法来处理这种SVG。在没有jQuery的React中,有没有办法做到这一点?

0 个答案:

没有答案