$が定義されていませんPHP/Ajax/jQueryの問題

-1

私のデータベースのライブ検索ページを作成しようとしています。私のjQuery/Ajaxは動作していないようです。私のコンパイラは私のドキュメントライン上で "$は定義されていません"と言っていますが、jQueryを定義して$（document）.ready（function（）呼び出しを使用しています。私はグーグルでここでチェックして解決策を見つけることができません。

以下は、一部のコードスニペットと私が見ているもののスクリーンショットです。 jQueryのは、それがあるべきなライブ結果が表示されていない

のjQuery：。

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.search-box input[type="text"]').on("keyup input", function(){ 
     /* Get input value on change */ 
     var inputVal = $(this).val(); 
     var resultDropdown = $(this).siblings(".result"); 
     if(inputVal.length){ 
      $.get("backend-search.php", {term: inputVal}).done(function(data){ 
       // Display the returned data in browser 
       resultDropdown.html(data); 
      }); 
     } else{ 
      resultDropdown.empty(); 
     } 
    }); 

    // Set search input value on click of result item 
    $(document).on("click", ".result p", function(){ 
     $(this).parents(".search-box").find('input[type="text"]').val($(this).text()); 
     $(this).parent(".result").empty(); 
    }); 
}); 
</script> 
</head> 
<body> 
    <div class="search-box"> 
     <input type="text" autocomplete="off" placeholder="Search Books..." /> 
     <div class="result"></div> 
    </div> 
</body> 
</html>

enter image description here

以下の画像では、「会計」というタイトルのエントリを検索しようとしています。正しく検索すると、レコードが表示されるように見えますが、データは表示されません。レコードに適合しないものを入力すると、結果が正しく表示されません。

ご協力いただきありがとうございます。

出典

2017-04-22 Collin Meese

第1質問インターネットに接続していますか？これをテストしている間..？ – Confused

あなたのIDEコードリンターがあなたに$が定義されていないと言っていますか？そのエラーを投げるブラウザとの大きな違い – charlietfl

JSコードを ' 'の直前に入れてみてください。 – user3284463