Javascript Tooltipster插件在首次尝试时不起作用

我正在使用插件在悬停时显示工具提示

我的代码发布在这里，由于某些原因，工具提示在第一次尝试时不起作用，例如，如果您单击Run in

jsfiddle

并将指针移动到显示

在我上空盘旋

什么也不会发生，但如果你把指针移开，然后再回到悬停状态，它就会工作。为什么第一次就不行

谢谢。

试试这个：

 $('.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');
        });

$（'.tooltip0'）.tooltipster({
内容：$（'test hover div'），
延迟：0，
主题：“工具提示阴影”，
contentAsHTML：对
});
$（'.tooltip0'）。悬停(
函数（）{
$（“#学生”）.attr（'src'，'http://www.impexsoftdesign.com/images/stories/weird-and-funny-facts/lion.jpg');
},
函数（）{
$（“#学生”）.attr（'src'，'http://cdn.oxwordsblog.wpfuel.co.uk/wpcms/wp-content/uploads/Lion_iStock_XSmall-300x300.jpg?24a0bc');
});

您在

悬停

中的

inHandler

内启动tooltipster，因此，它第一次初始化tooltipster时，仅在第二次

悬停

时运行..

尝试以下操作：

 $('.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');
        });

$（'.tooltip0'）.tooltipster({
内容：$（'test hover div'），
延迟：0，
主题：“工具提示阴影”，
contentAsHTML：对
});
$（'.tooltip0'）。悬停(
函数（）{
$（“#学生”）.attr（'src'，'http://www.impexsoftdesign.com/images/stories/weird-and-funny-facts/lion.jpg');
},
函数（）{
$（“#学生”）.attr（'src'，'http://cdn.oxwordsblog.wpfuel.co.uk/wpcms/wp-content/uploads/Lion_iStock_XSmall-300x300.jpg?24a0bc');
});

---

您在

悬停

中的

inHandler

中启动了tooltipster，因此，它第一次初始化tooltipster时，仅在第二次

悬停

时运行..

，因为您取消了悬停功能上的tooltip插件。声明后，它可以运行。所以，如果您将此代码移到悬停函数的外部，它将工作

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

$（'.tooltip0'）.tooltipster({
内容：$（'test hover div'），
延迟：0，
主题：“工具提示阴影”，
contentAsHTML：对
});

---

因为您在悬停功能上已取消了工具提示插件。声明后，它可以运行。所以，如果您将此代码移到悬停函数的外部，它将工作

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

$（'.tooltip0'）.tooltipster({
内容：$（'test hover div'），
延迟：0，
主题：“工具提示阴影”，
contentAsHTML：对
});

如hover（）文档中所述

.悬停（handlerIn，handlerOut） 其中handlerOut是鼠标指针离开元素时要执行的函数

因此，显示文本的第二个函数将在鼠标离开图像后启动。

如hover（）文档中所述

.悬停（handlerIn，handlerOut） 其中handlerOut是鼠标指针离开元素时要执行的函数

因此，显示文本的第二个函数将在用鼠标离开图像后启动