Javascript jquery.svg将单击事件附加到图像路径

我们一直在寻找使外部svg文件的path元素可单击以启动javascript/jquery函数的方法。此功能适用于内联svg，但不适用于外部svg文件

我已经阅读了许多源代码，有两种方法可以做到这一点，一种是将svg文件放在元素中，然后通过下面概述的方法访问内部元素：

或者使用jquery.svg

我最初发布了一个关于该方法的问题，但我根本无法与svg交互，更不用说具体的内部元素了

这是我发布的关于元素方法的问题的链接：

然后，我可以使用jquery.svg与svg文件的内部元素进行交互，但只需使用一个按钮。下面的代码用于按id或类更改svg路径的颜色：

(document).ready(function() { 
$("#divforSVG").svg(
{ 
onLoad: function() { var svg = $("#divforSVG").svg('get'); 
svg.load('svgFile.svg', {addTo: true, changeSize: false}); 
}, 
settings: {}} ); 
$('#Button').click(function(e) { 
var rect = $('#ImagePath'); 
rect.css('fill','green'); 
rect.attrib('fill','green'); 
}); 
});

现在，我需要能够将一个click事件附加到svg路径，然后初始化javascript代码以执行其他操作，就像内联svg一样

理想情况下，这将附加到所有路径，以便按类匹配对象，因此我不必手动将类输入到每个svg文件中

必须有一种方法来获取对象类的路径并附加单击事件？如果有人知道如何使用该方法，而不是使用jquery.svg方法加载它，那么我不介意返回到该方法，无论什么方法都可以

谢谢

丰富的