Question

尝试在svg上显示引导程序弹出窗口。管理得到它在Safari和Firefox（尚未测试Chrome），但无法让它在IE中工作 - 尝试IE11。

弹出窗口的关键是，只需单击svg就可以发出攻击，然后点击弹出窗口标题中的x或屏幕上的任何其他位置即可解散。

我已经设置了一个jsfiddle来显示我想要实现的目标。它只是在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>

https://jsfiddle.net/sregorcinimod/ut56eowb/

Answer 1

似乎使用bootstrap v4可能会解决这个问题。进一步测试正在进行中

Answer 2

我会将触发器更改为click，然后改为data-dismiss="popover"（它没有做任何事情），我会data-dismiss="#testPopover"，所以你会得到一个参考有弹出窗口的元素，那么你可以这样做：

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

https://jsfiddle.net/ut56eowb/13/

bootstrap popover在IE11中不起作用

2 个答案: