Question

我已经使用Cluetip 8年了。被要求散布技巧，并意识到它在5年前就被放弃了。 Tooltipster看起来像是在积极维护并且功能完善。

我已经包含了css和js文件，加载时没有错误。

我的html是由xslt进程生成的，但是html看起来还可以

<span class="handShift" data-tooltip-content="#ad1e88"> ⇉ </span>
<div class="tooltip_templates" style="display:none"><span class="tip" id="ad1e88"><span class="clueTitle">Handshift:</span><span class="clueNote">unknown</span></span></div>

<span class="handShift" data-tooltip-content="#ad1e92"> ⇉ </span>
<div class="tooltip_templates" style="display:none"><span class="tip" id="ad1e92"><span class="clueTitle">Handshift:</span><span class="clueNote">Mary Baker Eddy</span></span></div>

我的js初始调用为

$('span.handShift').tooltipster({
      animation: 'fade',
     delay: 200,
     trigger: 'click',
     debug:true

  });

页面加载了两个span.handShift元素后，会在class属性中添加“ tooltipstered”。

我正在使用data-tooltip-content来指定提示中的html，但是我尝试使用具有相同结果的title属性。

当我单击span.handShift中的文本时，用data-tooltip-content属性标识的元素将从DOM中消失，没有显示提示，控制台中没有错误。该元素永远不会返回，我可以看到。显然，从DOM中删除跨度时，正在发生某些事情，但是这不是预期的吗？

我正在使用jquery 2.1.4

Answer 1

我已经测试过，您的代码有效。

cf我的jsfiddle http://jsfiddle.net/xpvt214o/405260/

别忘了包含主要的JS：

 <script type="text/javascript" 
src="http://iamceege.github.io/tooltipster/dist/js/tooltipster.bundle.js"></script>

工具提示初始化，但悬停或单击时不显示

1 个答案: