Animate.cssライブラリをドキュメントに追加しますか？

Question

私はfreecodecampを使って作業していて、jQueryセクションの中では、彼らはあなたに教えてくれます。

"すでにjQueryライブラリとAnimate.cssライブラリがバックグラウンドに組み込まれているので、エディタで使うことができます。

これまでのところ、私は練習を終え、メモ帳にジャンプして、私が何をやっているのか自信が持てるまでコードを試してみました。

私はメモ帳の私の文書の++

<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の& 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を使用している場合は、そのIDが#yourclassの場合は.yourclassをjQueryに使用する必要があります。だからあなたのcode.Tyチェック

$(document).ready(function() { 
 

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

 
});

button { 
 
    padding: 10px; 
 
}

<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>