Question

我正在使用tooltipster插件来悬停工具提示。

我的代码已发布在此jsfiddle中，由于某些原因，工具提示在第一次尝试时无法正常工作，例如如果你点击jsfiddle中的运行并将指针移到显示

的div上

将鼠标悬停在我身上

没有任何事情发生，但如果你将指针移开然后再悬停，它就会起作用。为什么第一次尝试不起作用？

感谢。

Answer 1

因为您在悬停功能上有declerad工具提示插件。宣布它可以运行。因此，如果您将此代码移动到悬停功能之外，它将起作用。

    $('.tooltip0').tooltipster({
                    content: $('<div id="mikrah">test hover div</div>'),
                    delay: 0,
                    theme: 'tooltipster-shadow',
                    contentAsHTML: true
   });

fiddle

Answer 2

试试这个：

 $('.tooltip0').tooltipster({
    content: $('<div id="mikrah">test hover div</div>'),
    delay: 0,
    theme: 'tooltipster-shadow',
    contentAsHTML: true
});
$('.tooltip0').hover(
        function () {
            $('#students').attr('src', 'http://www.impexsoftdesign.com/images/stories/weird-and-funny-facts/lion.jpg');

        },
        function () {
            $('#students').attr('src', 'http://cdn.oxwordsblog.wpfuel.co.uk/wpcms/wp-content/uploads/Lion_iStock_XSmall-300x300.jpg?24a0bc');
        });

您正在inHandler中的hover内启动工具提示器，因此，首次初始化工具提示器时，仅在第二次hover上运行..

Answer 3

如hover（）文档中所述，

.hover（handlerIn，handlerOut）其中handlerOut是当鼠标指针离开元素时执行的函数。

因此，显示文本的第二个函数将在您使用鼠标离开图像后触发。

Tooltipster插件首次尝试不工作

3 个答案: