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

【问题标题】：How to make these jquery pop ups fall back to css when javascript disabled禁用javascript时如何使这些jquery弹出窗口回退到css
【发布时间】：2012-07-10 08:30:19
【问题描述】：

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

这是小提琴：

The fiddle

【问题讨论】：

您可以尝试使用 Javascript 添加/删除类，以便区分行为。
我该怎么做？，我是 jquery 和 javascript 的新手。
你可以检查我的答案吗？ :) 两人同时再次回复@bažmegakapa。 :)
可以编辑小提琴来给我一个想法吗？
@AshleyBriscoe jQuery manual 是一个很好的起点。此外，如果您真的是一个绝对的初学者，那么完成一些教程会更好地为您服务。我们可以为你做，但我不确定你会从中学到很多东西。

标签： jquery css popup

【解决方案1】：

在所有位置都试试这个：

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

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

【讨论】：

【解决方案2】：

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

像这样：

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

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

【讨论】：