Google.load () de jQuery – ne fonctionne pas avec DataTables.net

J’ai des pages Web (ici, un exemple ) avec l’ancienne API Google Maps (les anciennes images statiques) et j’aimerais la déplacer vers la nouvelle API Google de visualisation.

J’utilise également jQuery, l’interface utilisateur jQuery, les cartes Google JS et DataTables.net (tous hébergés sur les CDN de Google et de Microsoft):

 @import "/demo_table_jui.css"; @import "https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css";       $(function() { // ... $("#comments").dataTable( { "bJQueryUI": true, "sPaginationType": "full_numbers", "aaSorting": [[0, "desc"]] }); }); 

J’essaie donc d’utiliser google.loader (); au lieu des balises script:

  @import "/demo_table_jui.css"; @import "https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css";     google.load("jquery", "1"); google.load("jqueryui", "1"); google.load("maps", "3", {other_params: "language=ru&sensor=false"}); google.setOnLoadCallback(function() { // ... $("#comments").dataTable( { "bJQueryUI": true, "sPaginationType": "full_numbers", "aaSorting": [[0, "desc"]] }); }); 

Malheureusement, cela ne fonctionne pas (ici un exemple de page ) – les DataTables ne “recouvrent” plus la table.

Le message d’erreur dans la console Google Chrome est le suivant:

 jquery.dataTables.min.js:151 Uncaught ReferenceError: jQuery is not defined 

Est-ce que quelqu’un a une idée, ce que je fais mal?

J’ai aussi demandé au forum DataTables.net …

METTRE À JOUR:

J’ai changé d’hébergement de fichier dataTables.net localement sur mon serveur vers le CDN de Microsoft, car cela ne change en rien mon problème (c’est-à-dire, je suppose: la bibliothèque jQuery étant chargée par google.load () après dataTables.net )

Le script dataTables est en cours de chargement avant le chargement de jQuery par Google. Ainsi, lorsque le script dataTables est exécuté, il n’y a pas d’object jQuery et vous obtenez cette erreur.

Vous devrez charger dataTables après jQuery. Je doute fortement que Google héberge ce fichier, mais dans le rappel Google à la première ligne, vous pouvez ensuite charger dataTables à l’aide de jQuery.getScript

Vous devrez différer votre utilisation de dataTables jusqu’à ce que jQuery ait complètement intégré le script. Par conséquent, déplacez votre vrai code dans le rappel de réussite de getScript .