Wordpressエントリにjsを追加していて、期待された結果が表示されない

Question

wordpressエントリのjavascriptを使用して特定の単語をランダムに変更するコードを作成しようとしています。

<p>What about a BMW or a <span id="carbrands"> Ford</span>?</p> 

<script type="text/javascript" src="http://www.artifacting.com/blog/wp-content/uploads/2016/03/wordchanger.js"></script> 

そして、これは、上記のエントリでは、これはされていないいくつかの理由

<script type="text/javascript">// <![CDATA[ 
var changeWord = function() { 
    var words = ['Toyota','Nissan','Kia','Seat','Maybach','Rolls Royce','Fiat','Chrysler','Land Rover','Bentley','Jaguar','McLaren','Vauxhall']; 
    var word = words[Math.floor(Math.random() * words.length)] 
    $("#carbrands").fadeOut(function() { 
     $(this).text(word) 
     }).fadeIn(); 
} 
window.setInterval(changeWord, 3000) 
var changeWord2 = function() { 
    var words = ['appendages','extenders','peripherals','legs','grippers','flaps']; 
    var word = words[Math.floor(Math.random() * words.length)]; 
    $("#wings").fadeOut(function() { 
     $(this).text(word) 
     }).fadeIn(); 
} 
window.setInterval(changeWord2, 5000) 
// ]]></script> 

私は言葉「フォード」を変更する使用していますJSコードです：これは、私はワードプレスのエントリに持っているものです私のwordpressのエントリの単語のランダムな変更をもたらす。なぜ誰かに私にいくつかの提案を与えることができますか？

Answer 1

Uncaught TypeError: $ is not a functionを修正するには：jQueryを追加した後にスクリプトが挿入されていることを確認してください。最良の結果を得るには、スクリプトをページの最下部に追加します。

また、ページが完全に読み込まれるまで待つ必要があります。

(function ($) { 
    $(document).ready(function() { 
     // your code... 
    }); 
})(jQuery); 

すべての必要なセミコロンを追加しても、スクリプトはまだ動作しません。私はすべての派手なfadeIn-Outセクションをコメントアウトし、コードのロジックをテストすることをお勧めします。また、console.log（）を使用してデバッグを支援することもできます。