在光标 x 位置触发 Bootstrap 弹出窗口？答案

【问题标题】：Fire Bootstrap popover at cursor x location?在光标 x 位置触发 Bootstrap 弹出窗口？
【发布时间】：2013-01-14 15:14:41
【问题描述】：

我在页面上有一个 UI 元素，它基本上是视口内的 10000 像素以上宽的滚动面板。（想想“电视指南”）滚动面板由许多行形式的“频道”组成，其中包含相对定位的 div（想想节目）——这些节目显然可以是不同的长度，并且可能比页面。

每个程序都有一个绑定到它的引导弹出框，它可以很好地触发 - 问题是如果“程序” div 比屏幕宽，弹出框总是在数据绑定 div 的中心触发 - 所以可能出现在屏幕外。

当 ~~click~~ 悬停事件被触发时，谁能想到一种简单但可靠的跨浏览器方法来使弹出框在光标的 x 位置触发？

【问题讨论】：

【解决方案1】：

您始终可以在 click 事件上添加一个事件处理程序，然后在您的处理程序内部检查 x 位置并相应地触发弹出窗口。

您还可以提供一些代码 sn-p 以使您的问题更清楚...

【讨论】：

代码嵌套在一个相当大的函数中，所以我不确定它有多大帮助......
...我使用标准引导表示法调用弹出窗口 - 即 $(element).popover({options..}) - 问题是弹出窗口的位置嵌套向下在 this 扩展的工具提示函数中。我正在寻找一种方法来传递参数，理想情况下将自定义“pos”值指定给工具提示函数，而无需自定义工具提示或弹出框函数，但我认为这是不可能的 - 所以自定义弹出框函数是可以接受的...
您可以动态创建一个css类 .popover{...} 然后将坐标放入其中并应用该类。在坐标值之后使用“！important”实际上会覆盖引导弹出窗口默认使用的坐标。

【解决方案2】：

最后编辑工具提示功能更简单了。

【讨论】：