Uncaught Reference $ ist nicht definiert, aber jQuery hat irgendwann

Question

geladen Ich habe JS-Code in Web-Seite wie diese

<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> 

An Code $jq(document).ready(table_init);, zeigen sie Fehler uncaught referenceerror $ is not defined.

Ich bestätige, dass jquery in HTML referenziert wurde. Ich verwende Chrome DevTools zum Debuggen und Festlegen von Haltepunkten unter var jq = jQuery.noConflict(); und $jq(document).ready(table_init);. Der erste Haltepunkt kann erfolgreich ausgeführt werden. ABER, der zweite Haltepunkt traf zweimal. Das erste Mal ist Pass und Popup-Tipps zeigt, dass jQuery geladen hat. Aber das zweite Mal ist ein Fehler und zeigt uncaught referenceerror $ is not defined.

Kann mir jemand helfen? Vielen Dank!

Answer 1

Ihre Definition sollte var $jq = jQuery.noConflict(); anstelle von var jq = jQuery.noConflict(); sein. Versuchen Sie den Code unten:

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>