Bootstrap 弹出框触发焦点不适用于 SVG <g> 标签

Posted

技术标签:

【中文标题】Bootstrap 弹出框触发焦点不适用于 SVG <g> 标签【英文标题】:Boostrap popover trigger focus not working on SVG <g> tag 【发布时间】:2017-11-10 06:35:39 【问题描述】:

我在我的项目中使用了 SVG,在 SVG 内部使用了标签,我在其上调用了 bootstrap popover,它在数据触发单击和悬停时工作正常。但它不适用于 data-trigger="focus"。

任何帮助都非常感谢。

【问题讨论】:

【参考方案1】:

这可以通过这个问题来回答:Bootstrap 3 Popover: display on hover AND on click, aka. Pin a Popover

没有代码示例很难说。

【讨论】:

你好,这里是codepen的链接。 codepen.io/anon/pen/MoKJJX?editors=1010如果codepen侧边栏不起作用,请调整其大小

以上是关于Bootstrap 弹出框触发焦点不适用于 SVG <g> 标签的主要内容,如果未能解决你的问题,请参考以下文章

Knockstrap 弹出框不适用于 require.js

动态更改 Bootstrap 弹出框的模板

如何定位 Bootstrap 弹出框?

js中怎么获取bootstrap datetimepicker 弹出的位置

如何在悬停时保持 Bootstrap 弹出框活着?

单击外部时隐藏Angular UI Bootstrap弹出窗口