为什么悬停事件不与jquery方法一起工作在引导选项卡上

Why doesn't hover event work with on jquery method on bootstrap tabs?

本文关键字：选项 工作 一起 事件 悬停 方法 jquery 为什么      更新时间：2023-09-26

在bootstrap选项卡文档页面上，我尝试了以下代码:

$(".nav-tabs > li > a").on("hover focus", function(){ 
  alert();
});

当选项卡获得焦点时显示警报，但当我将鼠标悬停在它们上面时不显示警报。我的问题是

  • 为什么悬停事件工作与on jquery方法在引导标签?

不工作的两个原因

1) alert()在网站上被抑制

2)不推荐使用.on('hover')。

在jQuery 1.8中已弃用，在1.9中删除:名称"hover"被用作字符串"mouseenter mouseleave"的简写。它为这两个事件附加一个事件处理程序，并且该处理程序必须检查事件。键入以确定事件是mouseenter还是mouselleave。不要将"hover"伪事件名称与.hover()方法混淆，后者接受一个或两个函数。

试试这段代码看看你想要的结果。

$(".nav-tabs > li > a").on("mouseover focus", function(){ 
  console.log("hello");
});

这确实有效，只是不适合alert方法。尝试另一种方法，让网站允许的内容在屏幕上弹出。

相关文章：