单击外部SVG路径时如何触发Bootstrap弹出窗口？

Question

我有一个HTML页面，其外部svg包含在像这样的Object Tag中。

＆＃13;

＆＃13;

<object data="test1.svg" id="svg" type="image/svg+xml" class="img-responsive" viewBox="0 0 60 55"></object>

＆＃13;

＆＃13;

＆＃13;

我希望能够单击一个svg路径，在我单击的位置打开svg上方的Bootstrap Popover。 我一直在尝试这样的事情：

＆＃13;

＆＃13;

document.getElementById("svg").addEventListener("load", function() {
var doc = this.getSVGDocument();
   doc.getElementById("path88").addEventListener("click", function(event) {
      $("#svg").contents().find("#path88").popover({title: "Header", content: "Blabla", placement: "top", trigger: "click"});
   });
});

＆＃13;

＆＃13;

＆＃13;

但是我无法让它发挥作用。我知道可以在svg文件中包含Javascript，但我想在我的主页面中通过Javascript（或Jquery）直接触发Popover。我怎样才能做到这一点？请帮忙