Question

我正在通过freecodecamp工作，在jQuery部分他们告诉你..

＆＃34;我们已经在后台包含了jQuery库和Animate.css库，以便您可以在编辑器中使用它们。＆＃34;

到目前为止，我一直在完成练习，然后跳进记事本++并试验代码，直到我对我正在做的事情充满信心。

我在notepad ++

中添加了我的文档

<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>

和

 <link rel="stylesheet" href="css/animate.css">

在我之外

<script>
$(document).ready(function() {

$("button").addClass("animated bounce");

});
</script>

我添加了jQuery＆amp; Animate.css库是否正确？我创建的按钮没有像freecodecamp那样弹跳安慰。

Answer 1

如果您复制了此代码，那么CSS文件的路径可能不正确。您正在从本地文件系统访问它。您需要提供实际文件的完整路径。在这里，您可以使用CDN

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css">

Answer 2

在我的代码段中尝试使用它。你错过了jQuery class或类似的东西吗？如果您使用class，则应使用.yourclass，如果其ID在jQuery中为#yourclass。所以检查你的代码.Ty

＆＃13;

$(document).ready(function() {

  $("button").addClass("animated bounce");

});

＆＃13;

button {
  padding: 10px;
}

＆＃13;

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css">

<button>HI its me</button>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>

＆＃13;

将Animate.css库添加到我的文档中？

2 个答案: