2

这些是针对两个单独的 codecademy 练习的。他们都通过了我，但我没有得到我应该得到的结果。

3.2 - 鼠标事件- 问题

编写一个悬停处理程序并将其附加到所有 div。在第一个函数中，将类“hover”添加到我们正在悬停的当前对象，并在第二个函数中删除类“hover”。我们已经学会了如何通过传递事件对象来做到这一点，但这次让我们尝试另一种方式，使用$(this).addClass(). 不过，如果您愿意，您可以尝试活动！

完成后，当用户将鼠标悬停在绿色框上时，它们应该会弹出并变为蓝色。

3.2 - 鼠标事件- 答案

$(document).ready(function(){
    $('div').hover(function() {
        (this).addClass('hover');
    },
    function() {
        (this).removeClass('hover');
    });
});

3.3 键盘事件- 问题

keypress 的格式与点击处理程序完全相同。

编写一个按键处理程序，将类“box”的 div 附加到 id =“boxDiv”的 div。将按键处理程序附加到文档的正文。

3.3 键盘事件- 答案

$(document).ready(function(){
    $("body").keypress(function(event){
        $('#boxDiv').append($("<div/>").addClass('box'));
    });
 });

如果您想进一步澄清，这里是该课程的直接链接。 http://www.codecademy.com/courses/jquery-events/2#!/exercises/1

提前致谢！

问候，

马特

4

1 回答 1

1

关于鼠标事件，有一个小的语法错误：

(this).addClass('hover'); and (this).removeClass('hover');

缺少领先的美元符号。他们应该是：

$(this).addClass('hover'); and $(this).removeClass('hover');

至于键盘测试，它应该可以工作。运行它时，请尝试在按下某个键之前单击结果区域。

于 2012-06-19T23:05:03.943 回答