Question

我正在使用工具提示，并且不想在鼠标悬停时将其隐藏。

这是我使用的代码

$("[data-toggle=popover]").tooltipster({
contentAsHTML: true,
placement: "auto",
content: $("#a1").html()

}）;

我尝试使用timer:500,和autoClose: true，但不起作用。当我将鼠标悬停在工具提示上时，它会隐藏。

如何预防？

Answer 1

您可以使用autoClose: false选项禁用工具提示的自动关闭。

如果您需要手动关闭工具提示，请参阅Tooltipster Options> Trigger和TriggerClose。

$("[data-toggle=popover]").tooltipster({
  contentAsHTML: true,
  placement: "auto",
  autoClose: false,
  content: $("#a1").html()
});

div:not(#a1) {
  border: 1px solid;
  height: 100px;
  width: 100px;
}

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css" rel="stylesheet"/>

<br><br><br><br><br><br><br><br>
<div data-toggle="popover"></div>

<div id="a1">Hello World</div>

Answer 2

尝试一下：

$("[data-toggle=popover]").tooltipster({
  contentAsHTML: true,
  placement: "auto",
  trigger: 'custom',
  triggerClose: {
    click: false,
    mouseenter: false
  }
  content: $("#a1").html()
});

将trigglerClose事件设置为false

编辑：要使用trigglerClose，您需要将触发器设置为“ custom”。感谢Maxim Mazurok。

使tootipster弹出窗口不隐藏

2 个答案: