ngx-bootstrap 工具提示显示在移动设备上；尽管触发器设置为仅悬停

Question

我正在使用 ngx-bootstraps 工具提示功能，我正在寻找的行为是在悬停在桌面上时显示工具提示，但基本上在移动设备上完全禁用它。我想如果我锁定它以仅使用悬停触发器这将解决我的问题。

在文档中它声称工具提示的默认触发器是 triggers="hover focus"。因为我不希望焦点生效，所以我手动将触发器设置为 triggers="hover".

这在桌面上按预期工作，悬停时显示工具提示；但是在移动设备上，工具提示仍然坚持在点击时显示，就好像焦点触发器仍然有效一样。

我需要做些什么来禁用默认行为吗？

模板如下：

<ng-template #tooltipTemplate>
  <div class="notification-level-tooltip tooltip-inner">
    <span class="tooltip-text">
      {{details | translate}}
    </span>
  </div>
</ng-template>

<span class="notification-level label" [ngClass]="labelClass" [tooltip]="tooltipTemplate" triggers="hover">
  {{text | translate}}
</span>

Answer 1

您可以将这些类 notification-level-tooltip tooltip-inner 放在 css 媒体查询中，指定 min 和 max 屏幕尺寸，在您的情况下是桌面。然后，这些查询将处理将在什么屏幕尺寸下显示的内容。 How @media queries work

ngx-bootstrap 工具提示显示在移动设备上；尽管触发器设置为仅悬停

ngx-bootstrap tooltip displays on focus on mobile; despite triggers set to hover only

javascript

tooltip

ngx-bootstrap

angular