jquery - 禁用javascript时如何使这些jquery弹出窗口回退到css

Question

我有这个我打算在地图上使用的弹出菜单。当禁用 Java 脚本时，我希望它回退到 CSS 悬停。我尝试过使用兄弟选择器，但无法正常工作。

这是小提琴：

小提琴

Answer 1

您可以让您的 javascript/jQuery 在准备好文档时从您的地图中删除类 hoverCSS

像这样：

$("#Map").removeClass("hoverCSS");
//adding the hoverJS class or just toggle the hover JS
$("#Map").addClass("hoverJS");

JSFiddle：这应该给你一个小想法，让你在 JS 中做到这一点，而不是 100% 并且没有 css 悬停。

Answer 2

在所有位置尝试此操作：

#location1:hover .pop-up{
   display:block;
   opacity:1;            
}

为淡入/淡出效果添加过渡