结合jquery cluetip和hoverintent？

Question

我正在使用jquery的cluetip来显示,呵呵,工具提示:-)我让它们变得粘稠,因为我希望用户能够将鼠标移动到显示的工具提示 - 如果他们愿意的话.但是,如果用户没有将鼠标移动到工具提示,我希望工具提示在一段时间后消失.在我看来,这应该可以使用hoverintent-plugin.但是,除非用户将鼠标移到插件上一次,否则此插件不会触发.如果发生这种情况,cluetip会自动删除工具提示......

如何显示工具提示,等待500毫秒,如果用户没有鼠标悬停工具提示,则消失？

我一直在考虑使用onShow触发计时器,在工具提示中添加一个脚本,onmouseover禁用计时器和类似的东西,但这看起来过于复杂......

有人有更好的主意吗？:-)

谢谢,

保罗

Answer 1

我使用这个库进行一些自定义。您可以替换第77行

$tooltipC.html($tooltip.data("title"));

该文件包含以下行：

$tooltipC.html(options.content);

您可以按如下方式使用它：

$('.tooltip-target').each(function () {
        $(this).tooltip({
            cssClass: "tooltip",
            content: $($(this).attr("rel")).html()
        });
    });

正如您在我的项目中看到的，对于每个工具提示目标，我都使用带有 html 的 tootlip 控制选择器设置了属性 rel。如下：

<img src="help.ico" class="tooltip-target" rel="#helpTooltip" />
<div style="display:none" id="helpTooltip">
    Some html content for tooltip
    <a href="help.html">Details..</a>
</div>