Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 工具提示将初始化,但悬停或单击时不显示_Javascript_Jquery_Html_Tooltipster - Fatal编程技术网

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

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

我已经使用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>
页面加载后,将两个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>