Javascript 引导popover在IE11中不起作用
正在尝试在svg上显示引导弹出框。在Safari和Firefox(尚未测试Chrome)中成功运行,但在IE尝试过的IE11中无法运行 popover的关键在于,点击svg就会触发它,然后通过点击popover标题中的x或屏幕上的任何其他位置来消除它 我已经建立了一个JSFIDLE,它显示了我试图实现的目标。它只是在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"
<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