$未定義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

在下面的圖片中，我試圖搜索包含標題「accounting」的條目。當我正確搜索時，它看起來像記錄出現，但沒有數據顯示。當我輸入不符合記錄的內容時，它正確顯示沒有結果。

任何和所有的幫助，非常感謝！

來源

2017-04-22 Collin Meese

第一個問題..你連接到互聯網。在測試這個..？時 – Confused

你是說你的IDE代碼linter告訴你$未定義？與瀏覽器之間的巨大差異拋出該錯誤 – charlietfl

嘗試將您的JS代碼放在'' – user3284463