Question

好吧，我正在使用PHP建立一个网站。它是一个允许用户登录并创建闪存卡以在线查看的站点。我在一些JQuery中添加了一个光滑的设计，看起来好多了。

然而，我遇到了障碍。我制作了一个隐藏答案的jQuery命令，当你翻转闪存卡时，它显示了它。它的工作原理......仅适用于第一张闪存卡。

首先，它会很好...所有的答案都是隐藏的。当我翻过第一张闪存卡时，它会显示我的答案。但是，对于其他人而言，它并没有那么成功。他们只是保持隐藏。

这是我的代码：

$(document).ready(function(){

        $('mark').hide();
        $('#card').mouseover(function() {
                $('mark',this).show();
        });
        $('#card').mouseout(function() {
                $('mark',this).hide();
        });
});

以下是每个闪卡的结构：

<div id="card">
<p>Question is here!</p>
<mark> Answer is here! </mark>
</div>

你觉得我在这里失踪了什么？

如果你想为自己玩，这是我的github： https://github.com/Lalien/Test_Site

Answer 1

从语法角度来看，第一行应为$('#mark').hide();

要回答您的问题，请将“卡片”定义为类，如果您希望在多张卡上执行此操作。 一个页面可以有多个类，但从javascript 的角度来看只有一个ID，因此除了第一个ID之外，所有id为'cards'的div都会被忽略。

JQuery Events只影响第一个元素？

1 个答案: