使提示器弹出窗口不隐藏答案

【问题标题】：Make tootipster popup not hide使提示器弹出窗口不隐藏
【发布时间】：2018-12-19 13:56:06
【问题描述】：

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

这是我使用的代码

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

});

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

如何预防？

【问题讨论】：

标签： javascript jquery tooltipster

【解决方案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>

【讨论】：

嗯。 tooltipster 很好用，我只是不需要隐藏它
当鼠标离开 div 时，您希望它留在页面上吗？ @EugeneSukh
是的。我想要这个
@EugeneSukh 完成。你必须通过autoClose : False 选项
参考Tooltipster Docs 并查看trigger 和triggerClose 选项。这将允许您在不再需要打开工具提示时关闭它。

【解决方案2】：

试试这个：

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

将 triggerClose 事件设置为 false

编辑：要使用trigglerClose，您需要将触发器设置为“自定义”。感谢马克西姆马祖罗克。

【讨论】：

triggerClose 仅在“触发器”设置为“自定义”时适用
我认为，触发器：sustom 崩溃了