【问题标题】:Popover do not show?Popover 不显示?
【发布时间】:2018-09-28 14:28:01
【问题描述】:

悬停按钮时弹出框未完全显示。它会在屏幕内进行。

我参考互联网为什么弹出窗口被屏幕隐藏,但尚未得到正确修复。

请参考以下示例

http://jsfiddle.net/8o48q5ej/

HTML:

<div class="wrapper2">
    <div class="tips my-tip2" data-placement="left" data-content="Second Popover content">
       Second Div Content
    </div>
</div>

JAVASCRIPT:

$(function() {


    $('.wrapper2').popover({
        selector: '.my-tip2',
        trigger: 'hover'
    });
});

【问题讨论】:

  • data-placement="left" 换成data-placement="right"
  • @mast3rd3mon 不,我应该只在左侧显示工具提示。在我的页面加载按钮中加入一些来自服务器的问题。所以如果问题太长,它会出现在第二行。在这种情况下失败了。

标签: javascript jquery bootstrap-4 popover bootstrap-popover


【解决方案1】:

只需将工具提示的位置从left 更改为right,这样工具提示的位置就不会超出可视区域。

<div class="wrapper2">
    <div class="tips my-tip2" data-placement="right" data-content="Second Popover content">
       Second Div Content
    </div>
</div>

这里是a working fiddle

【讨论】:

  • 我必须只在左侧显示工具提示。因为按钮出现在我页面的任何位置。
  • @GokulKumar,在您最初的问题中,工具提示 已经 显示在左侧...您只是看不到它。如果您的要求是工具提示出现在左侧启动元素出现在屏幕的左侧,那么您要求的是不可能
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-02-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-02
  • 2012-11-14
  • 2018-01-16
相关资源
最近更新 更多