Javascript 带悬停的Jquery工具提示

我有一个小的工具提示脚本，当用户将鼠标悬停在块上时，工具提示将显示，如果用户离开块，工具提示将隐藏

但我也希望当用户将鼠标悬停在工具提示上时，工具提示会一直保留，直到用户离开工具提示或悬停块。

以下是我的javascript，没有将鼠标悬停在工具提示上：

$( "#hover, .tooltip" ).on('mouseenter', function() { 
   $( ".tooltip" ).fadeToggle( 400, function() {
       // Animation complete.
    });
});

$( ".tooltip, #hover" ).on('mouseleave', function() {
      $( ".tooltip" ).fadeToggle( 400, function() {
         // Animation complete.
      });
});

这是一把没有第二部分的小小提琴：

使用stop（）停止动画

$( "#hover, .tooltip" ).on('mouseenter', function() { 
   $( ".tooltip" ).stop().fadeToggle( 400, function() {
       // Animation complete.
    });
});

$( ".tooltip, #hover" ).on('mouseleave', function() {
      $( ".tooltip" ).stop().fadeToggle( 400, function() {
         // Animation complete.
      });
});

使用stop（）停止动画

$( "#hover, .tooltip" ).on('mouseenter', function() { 
   $( ".tooltip" ).stop().fadeToggle( 400, function() {
       // Animation complete.
    });
});

$( ".tooltip, #hover" ).on('mouseleave', function() {
      $( ".tooltip" ).stop().fadeToggle( 400, function() {
         // Animation complete.
      });
});

使用stop（）停止动画

$( "#hover, .tooltip" ).on('mouseenter', function() { 
   $( ".tooltip" ).stop().fadeToggle( 400, function() {
       // Animation complete.
    });
});

$( ".tooltip, #hover" ).on('mouseleave', function() {
      $( ".tooltip" ).stop().fadeToggle( 400, function() {
         // Animation complete.
      });
});

使用stop（）停止动画

$( "#hover, .tooltip" ).on('mouseenter', function() { 
   $( ".tooltip" ).stop().fadeToggle( 400, function() {
       // Animation complete.
    });
});

$( ".tooltip, #hover" ).on('mouseleave', function() {
      $( ".tooltip" ).stop().fadeToggle( 400, function() {
         // Animation complete.
      });
});

工具提示文本
$（'.hover'）.mouseenter（函数（）{
$（“.tooltip”）.stop（）.fadeToggle（400，函数（）{
//动画完成。
});
});
$（'.tooltip'）.mouseleave（函数（）{
$（“.tooltip”）.fadeToggle（400，函数（）{
//动画完成。
});
});

它将帮助您。

工具提示文本
$（'.hover'）.mouseenter（函数（）{
$（“.tooltip”）.stop（）.fadeToggle（400，函数（）{
//动画完成。
});
});
$（'.tooltip'）.mouseleave（函数（）{
$（“.tooltip”）.fadeToggle（400，函数（）{
//动画完成。
});
});

它将帮助您。

工具提示文本
$（'.hover'）.mouseenter（函数（）{
$（“.tooltip”）.stop（）.fadeToggle（400，函数（）{
//动画完成。
});
});
$（'.tooltip'）.mouseleave（函数（）{
$（“.tooltip”）.fadeToggle（400，函数（）{
//动画完成。
});
});

它将帮助您。

工具提示文本
$（'.hover'）.mouseenter（函数（）{
$（“.tooltip”）.stop（）.fadeToggle（400，函数（）{
//动画完成。
});
});
$（'.tooltip'）.mouseleave（函数（）{
$（“.tooltip”）.fadeToggle（400，函数（）{
//动画完成。
});
});

---

---

它将帮助您。

我猜，它正在按预期工作，如果没有，您能指给我看，您需要什么吗？几乎，当您悬停工具提示时，工具提示会闪烁，因为我离开悬停框很短时间。我猜，它正在按预期工作，如果没有，您能指给我看，您需要什么吗？几乎，当你将鼠标悬停在工具提示上时，工具提示会闪烁，因为我离开鼠标悬停框很短时间我猜，它正在按预期工作，如果没有，你能告诉我，你需要什么吗？几乎，当你将工具提示悬停在工具提示上时，工具提示会闪烁，因为我离开鼠标悬停框很短时间我猜，它正在按预期工作，如果没有，你能告诉我，你需要什么吗？几乎，当你悬停工具提示时，工具提示会闪烁，因为我离开了悬停框很短时间是的，这是我已经在小提琴中的东西，但是如果用户在工具提示上方，我还希望工具提示保持不变。无论如何谢谢你的帮助！代码改变了，我想你的要求会满足的是的，这是我已经在我的小提琴，但我还想，如果用户是在工具提示停留。无论如何谢谢你的帮助！代码改变了，我想你的要求会满足的是的，这是我已经在我的小提琴，但我还想，如果用户是在工具提示停留。无论如何谢谢你的帮助！代码改变了，我想你的要求会满足的是的，这是我已经在我的小提琴，但我还想，如果用户是在工具提示停留。无论如何谢谢你的帮助！代码改变了，我想你的要求会满足的。有没有一个好办法延迟淡出？我尝试了类似的方法，但我再次出现了这些闪烁：

$（“.tooltip，.internal container”）.on（'mouseleave'，function（）{$（“.tooltip”）.stop（）.delay（800）.fadeOut（400，function（）{//Animation complete.}；}）请尝试使用设置超时功能。这里是delay的官方评论，“.delay（）方法最适合在排队的jQuery效果之间进行延迟。例如，因为它受到限制，所以它没有提供取消延迟的方法-.delay（）不是JavaScript本机setTimeout函数的替代品，后者可能更适合某些用例。”。有关更多详细信息，请参阅。是否有延迟淡出的好方法？我尝试了类似的方法，但我再次出现了这些闪烁：
$（“.tooltip，.internal container”）.on（'mouseleave'，function（）{$（“.tooltip”）.stop（）.delay（800）.fadeOut（400，function（）{//Animation complete.}；}）请尝试使用设置超时功能。这里是delay的官方评论，“.delay（）方法最适合在排队的jQuery效果之间进行延迟。例如，因为它受到限制，所以它没有提供取消延迟的方法-.delay（）不是JavaScript本机setTimeout函数的替代品，后者可能更适合某些用例。”。有关更多详细信息，请参阅。是否有延迟淡出的好方法？我尝试了类似的方法，但我再次出现了这些闪烁：
$（“.tooltip，.internal container”）.on（'mouseleave'，function（）{$（“.tooltip”）.stop（）.delay（800）.fadeOut（400，function（）{//Animation complete.}；}）请尝试使用设置超时功能。这里是delay的官方评论，“.delay（）方法最适合在排队的jQuery效果之间进行延迟。例如，因为它受到限制，所以它没有提供取消延迟的方法-.delay（）不是JavaScript本机setTimeout函数的替代品，后者可能更适合某些用例。”。有关更多详细信息，请参阅。是否有延迟淡出的好方法？我尝试了类似的方法，但我再次出现了这些闪烁：
$（“.tooltip，.internal container”）.on（'mouseleave'，function（）{$（“.tooltip”）.stop（）.delay（800）.fadeOut（400，function（）{//Animation complete.}；}）请尝试使用设置超时功能。下面是delay的官方评论，“.delay（）方法最适合在排队的jQuery效果之间进行延迟。例如，由于它的局限性，它没有提供取消延迟的方法-.delay（）不是JavaScr的替代品