使 tootipster 弹出窗口不隐藏

Question

我使用了工具提示，不想在鼠标悬停等时隐藏它

这是我使用的代码

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

});

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

我该如何预防？

Answer 1

试试这个：

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

将 trigglerClose 事件设置为 false

编辑：要使用 trigglerClose，您需要将触发器设置为 'custom'。感谢马克西姆马祖罗克。

Answer 2

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

如果需要手动关闭tooltip请参考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>

使 tootipster 弹出窗口不隐藏

Make tootipster popup not hide

javascript

jquery

tooltipster