Cara Mengatasi Masalah 'Uncaught ReferenceError: $ is not defined'

Jika blog atau website anda memiliki masalah seperti 'Uncaught ReferenceError: $ is not defined' ketika lihat di menu Console bagian Inspect Element sehingga membuat anda frustasi mencari solusi permasalahannya, santai saja!

Karena saya membuat artikel ini dengan sengaja untuk memberikan pemecahan masalah tersebut.

Coba ikuti tutorial langkah-langkah di bawah ini:

1. Silakan anda letakkan kode script tambahan berikut ini di atas script yang error tadi:

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

Contoh kode yang terdeteksi error blogger:

<script async='async' type='text/javascript'>

        $(document).ready(function(){

          var olderLink = $("a.blog-pager-older-link").attr("href");

          $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {

            var olderLinkTitle = $("a.blog-pager-older-link").text();

            $("a.blog-pager-older-link").text(olderLinkTitle + "\u2192");//rgt

          });

          var newerLink = $("a.blog-pager-newer-link").attr("href");

          $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {

            var newerLinkTitle = $("a.blog-pager-newer-link:first").text();

            $("a.blog-pager-newer-link").text("\u2190" + newerLinkTitle);

          });

        });

      </script>

2. Kemudian tambahkan kode pertama tadi di bagian atas kode yang terdeteksi error, maka jadinya seperti ini:

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

<script async='async' type='text/javascript'>

        $(document).ready(function(){

          var olderLink = $("a.blog-pager-older-link").attr("href");

          $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {

            var olderLinkTitle = $("a.blog-pager-older-link").text();

            $("a.blog-pager-older-link").text(olderLinkTitle + "\u2192");//rgt

          });

          var newerLink = $("a.blog-pager-newer-link").attr("href");

          $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {

            var newerLinkTitle = $("a.blog-pager-newer-link:first").text();

            $("a.blog-pager-newer-link").text("\u2190" + newerLinkTitle);

          });

        });

      </script>

3. Setelah itu simpan, dan silakan cek kembali.

Apabila cara di atas masih belum berhasil, cobalah satu per satu pasang kode script berikut ini dengan cara yang sama seperti di atas:

<script src="//code.jquery.com/jquery-2.2.0.min.js"></script>

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script src="//code.jquery.com/jquery-2.0.0.js"></script>

<script src="//code.jquery.com/jquery-migrate-1.1.1.js"></script>

Semoga berhasil :)