当鼠标离开区域时恢复到初始活动选项卡，或者使用Zurb Foundation中的JS
当鼠标离开区域时恢复到初始活动选项卡，或者使用Zurb Foundation中的JS
提问于 2014-11-12 19:32:37
当用户将鼠标从菜单上移开时，我希望恢复到最初活动的选项卡。
我有一个左上级菜单，它使用data-options="is_hover:true“更改悬停时的活动选项卡。
当鼠标悬停在任何选项卡上时，它会显示第二级菜单，而不是主要内容(显示在选项卡中，默认情况下在页面加载时显示)。
我希望在鼠标离开第一级或第二级菜单区域时显示默认内容选项卡。
或者，我可以让其他元素检测鼠标悬停，并使用JS命令初始标记处于活动状态。然而，我找不到任何关于JS应该说什么的文档，例如：
$( ".detect" ).hover(function() {
$( SET TAB1 TO ACTIVE PLEASE
});回答 1
Stack Overflow用户
发布于 2014-11-12 20:15:57
最后，我所做的是将标签之外的默认内容放到它自己的div中(标签将放在那里)。
然后，在CSS中默认情况下，我没有激活任何选项卡。
然后，我使用JS来停用悬停在带有“detect”类的任何元素上的任何活动选项卡：
$( ".detect" ).hover(function() {
$(".content.active").removeClass( "active" );
$("li.active").removeClass( "active" );
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26885945
复制相关文章
相似问题
腾讯云开发者
