Tooltipster .tooltipster('open') 抛出错误。

Posted 2023-05-07

【中文标题】Tooltipster .tooltipster(\'open\') 抛出错误。

【英文标题】：Tooltipster .tooltipster('open') throwing error.Tooltipster .tooltipster('open') 抛出错误。

【发布时间】：2019-03-09 20:35:05

【问题描述】：

我遇到了Tooltipster 的问题。无法弄清楚为什么“打开”不起作用，而根据文档它应该？

我已经在jsfiddle上设置了

html

<button id="broken" title="Broken Tooltip">Broken</button>

JS：

  $('#broken').on('click', function(e) 
    $('#broken').tooltipster('open');
  );

但它会抛出错误：

Uncaught Error: Unknown method .tooltipster("open")
<...?

例如，将'open' 替换为'destroy' 效果很好。

任何人都可以弄清楚我做错了什么？还是工具提示器本身损坏？

【问题讨论】：

您想在点击时显示工具提示？

@Justcode 是的。我想显示“已复制！”当用户单击按钮复制到剪贴板时。

我将在 github 上打开问题。似乎是合法的错误案例。

【参考方案1】：

工具提示器中有trigger:'click'

$(document).ready(function() 
  $('#search').tooltipster(

  );

  $('#broken').tooltipster(
    trigger: 'click'
  );


);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.min.js"></script>
<button id="search" title="Tooltip Working">Search</button>

<button id="broken" title="Broken Tooltip">Broken</button>

【讨论】：

工作解决方法。如果我添加超时来隐藏消息，将达到我的预期目的。但是仍然对“打开”不起作用的原因感兴趣。

@lapkritinis 我认为你是对的，我看到你在 repo 中打开了新票，这里是功能的链接。 github.com/iamceege/tooltipster/issues/751

@lapkritinis 我认为它在最新版本中已被弃用，这是工作版本jsfiddle.net/m9she00L/2

实际上 cdnjs.com 上的库版本很旧（3.3.0 不能“打开”，我在 github 上使用 vs 4.2.6）。将最新版本拉到 cdnjs github.com/cdnjs/cdnjs/pull/12239

时存在一些问题

【参考方案2】：

尝试trigger: 'click'示例http://jsfiddle.net/9gj8c57w/3/

$(document).ready(function() 
  $('#search').tooltipster(

  );

  $('#broken').tooltipster(
    trigger: 'click'
  );
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css" rel="stylesheet"/>



<button id="search" title="Tooltip Working">Search</button>

<button id="broken" title="Broken Tooltip">Broken</button>