【问题标题】:Popover dynamic position isn't updating弹出框动态位置未更新
【发布时间】:2016-06-22 14:26:39
【问题描述】:

我正在使用 UI-Bootstrap 作为我的 Angular 应用程序的一部分。

我添加了一些简单的弹出框来加载 HTML 模板文件。

弹出框位置设置得很好,但是一旦我尝试调整窗口大小,弹出框位置就不会更新。但是,如果我关闭弹出框并再次打开它,则会计算新位置。

知道什么会导致弹出框无法计算新位置或有任何解决此问题的建议吗?

简单代码:

<div id="some-wrapper">
    <div popover-is-open="isOpen" 
         uib-popover-template="history" 
         popover-placement="left">History
    </div>
</div>

我花了 2 天时间寻找解决方案,但没有成功。

奇怪的是,在其他一些使用相同 UI-Bootstrap 版本的 Angular 应用程序中,位置会在窗口调整大小期间得到更新。

【问题讨论】:

  • 需要给窗口的resize事件绑定一个定位方法。你这样做了吗?如果是这样,这可能不是 Bootstrap 的问题,很可能你的 JS 有冲突。您是否收到任何控制台错误?
  • 我需要popover的定位功能吗?我的任何应用程序都没有,但在旧应用程序中,位置正在更新......我在新应用程序中没有看到任何控制台错误。你能提供定位功能的例子吗?
  • 很遗憾,您的问题没有提供足够的信息来重现或帮助调试问题。尝试提供更多信息,以便我们为您提供帮助。
  • 是的,我想我可以提供更多什么样的信息,但不幸的是我没有看到任何其他相关信息,并且无法共享完整代码。
  • 尝试使用popover-placement="auto"

标签: javascript angularjs twitter-bootstrap-3 angular-ui-bootstrap


【解决方案1】:

popover 组件是从tooltip 组件构建的。不支持在窗口调整大小或滚动时重新定位工具提示或弹出框。

【讨论】:

  • 所以我不知道在我的其他应用程序中如何在更改窗口大小时看到弹出框与他附加的标签一起移动。此外,在使用检查器时,我可以看到在窗口调整大小期间动态更改位置值(左、上)......所以它真的不清楚有什么区别。
猜你喜欢
  • 1970-01-01
  • 2018-10-31
  • 1970-01-01
  • 2014-08-12
  • 1970-01-01
  • 2014-12-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多