Javascript 工具提示将初始化,但悬停或单击时不显示
我已经使用Cluetip 8年了。被要求提供提示,并意识到它在5年前就被放弃了。Tooltipster看起来像是它的活动维护和功能完成 我已经包括了css和js文件,加载时没有错误 我的html是通过xslt过程生成的,但是html看起来还可以Javascript 工具提示将初始化,但悬停或单击时不显示,javascript,jquery,html,tooltipster,Javascript,Jquery,Html,Tooltipster,我已经使用Cluetip 8年了。被要求提供提示,并意识到它在5年前就被放弃了。Tooltipster看起来像是它的活动维护和功能完成 我已经包括了css和js文件,加载时没有错误 我的html是通过xslt过程生成的,但是html看起来还可以 <span class="handShift" data-tooltip-content="#ad1e88"> ⇉ </span> <div class="tooltip_templates" style="display
<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>
页面加载后,将两个span.handShift元素添加到class属性中
我使用数据工具提示内容来指定提示中的html,但我尝试使用title属性,结果相同
当我单击span.handShift中的文本时,使用数据工具提示内容属性标识的元素将从DOM中消失,不会显示提示,控制台中也不会出现错误。元素永远不会返回,我可以看到。很明显,当跨度从DOM中移除时,会发生一些事情,但这不是预期的情况吗
我正在使用jquery 2.1.4,我已经测试过了,您的代码可以正常工作 cf my jsfiddle 别忘了包括主JS:
<script type="text/javascript"
src="http://iamceege.github.io/tooltipster/dist/js/tooltipster.bundle.js"></script>
尝试了几次黑客攻击并放弃了。我很确定插件不喜欢这样的事实,即父html位于iframe中,或者父div具有绝对位置。无论如何,我对QTip2做了一个快速的更改,它是开箱即用的。还内置了对关闭图标的支持,我将不得不为tooltipster手动滚动该图标。谢谢
<script type="text/javascript"
src="http://iamceege.github.io/tooltipster/dist/js/tooltipster.bundle.js"></script>