为什么没有悬停事件在引导选项卡上使用jquery方法？

Question

在bootstrap tabs documentation page上，我尝试了以下代码：

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

当标签获得焦点时会显示警报，但当我将鼠标悬停在标签上时则不会显示警报。我的问题是：

• 为什么没有悬停事件在引导选项卡上使用on jquery方法？

Answer 1

这不起作用的两个原因

1）alert()正在网站上被删除

2）{@ 1}}已弃用。

  

在jQuery 1.8中不推荐使用，在1.9中删除：名称＆＃34; hover＆＃34;用作字符串＆＃34; mouseenter mouseleave＆＃34;的简写。它为这两个事件附加单个事件处理程序，并且处理程序必须检查event.type以确定事件是mouseenter还是mouseleave。不要混淆＆＃34;悬停＆＃34;带有.hover（）方法的伪事件名，它接受一个或两个函数。

尝试使用此代码查看所需结果。

.on('hover')

这确实有效，而不是使用$(".nav-tabs > li > a").on("mouseover focus", function(){ console.log("hello"); }); 方法。尝试一种替代方案，以便在网站允许的屏幕上弹出一些内容。