未捕獲的ReferenceError $沒有定義，但有jQuery的某個時候

Question

被裝載我在網頁JS代碼這樣

<script type="text/javascript"> 
     var jq = jQuery.noConflict(); 
     function table_data_update() { 
      $jq.ajax({ 
       url: "query_issue.php", 
       data: { "start_date": "20160705", "end_date": "20160706" }, 
       success: function (data) { 
        var table = document.getElementById("test_table"); 
        $jq.each(data, function (k, v) { 
         table.innerHTML += 
          "<tr><td>" + v.id + "</td><td>" + v.D1 + "</td><td>" + v.D2 + "</td><td>"; 
        }); 
       }, 
       error: function (xhr, options, error) { 

       } 
      }); 
     } 
     function table_init() { 
      setInterval(table_data_update, 30000); 
     } 
     $jq(document).ready(table_init); //<=Uncaught ReferenceError $jq is not defined 
     alert($jq); 
    </script> 

在代碼$jq(document).ready(table_init);，它顯示錯誤uncaught referenceerror $ is not defined。

我確認jquery已經在html中引用。我使用Chrome DevTools在var jq = jQuery.noConflict();和$jq(document).ready(table_init);進行調試和設置斷點。第一個斷點可以成功執行。但是，第二個斷點擊中兩次。第一次是傳遞和彈出提示顯示jQuery已加載。但第二次是錯誤並顯示uncaught referenceerror $ is not defined。

任何人都可以幫助我嗎？非常感謝你！

Answer 1

您的定義應該是var $jq = jQuery.noConflict();而不是var jq = jQuery.noConflict();。試試下面的代碼：

var $jq = jQuery.noConflict(); 
 
     function table_data_update() { 
 
      $jq.ajax({ 
 
       url: "query_issue.php", 
 
       data: { "start_date": "20160705", "end_date": "20160706" }, 
 
       success: function (data) { 
 
        var table = document.getElementById("test_table"); 
 
        $jq.each(data, function (k, v) { 
 
         table.innerHTML += 
 
          "<tr><td>" + v.id + "</td><td>" + v.D1 + "</td><td>" + v.D2 + "</td><td>"; 
 
        }); 
 
       }, 
 
       error: function (xhr, options, error) { 
 

 
       } 
 
      }); 
 
     } 
 
     function table_init() { 
 
      setInterval(table_data_update, 30000); 
 
     } 
 
     $jq(document).ready(table_init); //<=Uncaught ReferenceError $jq is not defined 
 
     alert($jq);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>