Question

我正在使用Bootstrap的tooltip插件，但无法让data-placement="auto bottom"工作。尽管使用data-placement="bottom"可以正常工作。这是我的元素的样子：

<button class="tooltip-icon btn-icon tooltip-trigger" title="Enter Address" data-placement="auto bottom">
  <svg class="icon help">
    <use xlink:href="#help"/>
  </svg>
</button>

以上导致工具提示的展示位置为top。我还在JS中更改了DEFAULT放置值：

  Tooltip.DEFAULTS = {
    animation: true,
    placement: 'auto bottom',
    selector: false,
    template: '<div class="bootstrap-tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
    trigger: 'hover focus',
    title: '',
    delay: 0,
    html: false,
    container: false,
    viewport: {
      selector: 'body',
      padding: 0
    }
  }

以下是我正在初始化的方式：$('.tooltip-trigger').tooltip();

为什么自动放置不按预期工作？

Answer 1

当＆＃34; auto＆＃34;如果指定，它将动态重新定向工具提示。例如，如果展示位置为＆＃34;自动底部＆＃34;，则工具提示会尽可能显示在底部，否则它将显示在顶部。

为什么工具提示自动展示位置无法正常工作？

1 个答案: