JQuery不能使用Code Pen（Safari或Chrome）

Question

我正在通过免费代码营工作，我正在为Violeta Parra致敬。我在设置中添加了jQuery和jQuery UI插件，我直接从FCC课程中复制了一些东西，但它似乎没有起作用。这是笔：

https://codepen.io/enheduana/pen/NYLMZN

因此，在HTML部分中，维基百科链接的ID是“摇动”：

<p style="font-size:30px">You can learn more about Violeta Para on <a 
href="https://en.wikipedia.org/wiki/Violeta_Parra" 
id="shake">Wikipedia</a></p>

在Javascript部分我给了id“动画摇动”这个类（用camelcase编辑）：

$(document).ready(function() {
  $("#shake").addClass("animated shake");
});

然而，当我查看我的页面时，维基百科的链接并没有动摇。我有什么想法我做错了吗？谢谢。

Answer 1

您对addClass的函数调用需要是camelcase。它是addClass而非addclass。

编辑：另外，为什么不在HTML中的元素上应用该类？为什么必须通过jQuery应用它？

https://api.jquery.com/addclass/

Answer 2

在CSS中，您似乎没有shake或animated的类定义。 jQuery按照预期的方式添加了类，但是它们没有做任何事情，因为它们没有定义。只需添加定义，它就可以正常工作。