Javascript 引导popover在IE11中不起作用

Javascript 引导popover在IE11中不起作用,javascript,twitter-bootstrap,svg,popover,Javascript,Twitter Bootstrap,Svg,Popover,正在尝试在svg上显示引导弹出框。在Safari和Firefox(尚未测试Chrome)中成功运行,但在IE尝试过的IE11中无法运行 popover的关键在于,点击svg就会触发它,然后通过点击popover标题中的x或屏幕上的任何其他位置来消除它 我已经建立了一个JSFIDLE,它显示了我试图实现的目标。它只是在IE11中不起作用 <a id="testPopover" tabindex="0" class="popover_wrapper" data-toggle="popover"

正在尝试在svg上显示引导弹出框。在Safari和Firefox(尚未测试Chrome)中成功运行,但在IE尝试过的IE11中无法运行

popover的关键在于,点击svg就会触发它,然后通过点击popover标题中的x或屏幕上的任何其他位置来消除它

我已经建立了一个JSFIDLE,它显示了我试图实现的目标。它只是在IE11中不起作用

<a id="testPopover" tabindex="0" class="popover_wrapper" data-toggle="popover" data-trigger="focus" data-container="body">
<svg width="310" height="110">
   <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg> 
</a>

似乎使用引导v4可以解决这个问题。正在进行的进一步测试

我会将触发器更改为
单击
,然后不再执行
data dismission=“popover”
(它什么也不做),而是执行
data dismission=“#testPopover”
,这样您就可以获得对具有pover的元素的引用,然后您可以执行以下操作:

 $("body").on("click", ".popover .close", function(e) {
    e.preventDefault();
    $($(this).data('dismiss')).popover('hide');
 })

可能是IE中的
焦点问题,我打赌它与
单击
相反?但是单击会阻止标题中的x工作,这对我需要的事实没有帮助“popover的关键是,点击svg就会触发它,然后通过点击popover标题中的x或屏幕上的任何其他位置来消除它。”。点击屏幕上的任何其他位置都不会产生任何效果。v3.37中有一个修复程序解决了我的问题。现在使用v4