javascript - 工具提示显示困难

Question

我正在尝试解决在我正在开发的网站中创建工具提示界面时遇到的问题。我在 HTML、CSS 和 JavaScript 的帮助下构建了工具提示。正如您在下面的 fiddle 中看到的那样，该脚本非常简单，并且基于切换行为，触发元素打开弹出工具提示。

jsFiddle

现在!我的问题是我无法弄清楚如何将触发器放在所有内容的顶部，这样它们就不会被弹出窗口隐藏!让我解释。由于弹出窗口，即使它们关闭，有时也会覆盖触发元素，它们(触发器)只会导致不可点击。就像它们隐藏在看不见的弹出窗口后面。这是一个关于现在如何在线的链接。

http://271116.lucamule.com/studio-1

希望你能看到问题所在!有谁知道如何解决这个问题？

Answer 1

您已将 .pop-ups 更改为初始化后立即“阻止”。 $("div.pop-up").css({'display':'block','opacity':'0'})

如果你想显示/隐藏，我建议使用.fadeIn/.fadeOut: http://api.jquery.com/fadein/