erreur jquery 3.0 url.indexOf

Question

Je reçois l'erreur suivante de jQuery une fois qu'il a été mis à jour à v3.0.0 .

jquery.js:9612 Uncaught TypeError: url.indexOf is not a function

Une idée de la raison ?

Answer 1

Mise à jour tout votre code qui appelle load comme,

$(window).load(function() { ... });

Pour

$(window).on('load', function() { ... });

---

jquery.js:9612 Uncaught TypeError : url.indexOf n'est pas une fonction

Ce message d'erreur provient de jQuery.fn.load fonction.

J'ai rencontré le même problème avec mon application. Après avoir creusé un peu, j'ai trouvé cette déclaration dans blog jQuery ,

.load, .unload, et .error, obsolètes depuis jQuery 1.8, ne sont plus . Utilisez .on() pour enregistrer des récepteurs.

Je modifie simplement la façon dont mes objets jQuery appellent la fonction load comme ci-dessus. Et tout fonctionne comme prévu.

Answer 2

Une meilleure approche pourrait être un polyfill comme celui-ci

jQuery.fn.load = function(callback){ $(window).on("load", callback) };

Cela permet de ne pas toucher au code existant. Si vous utilisez webpack, assurez-vous d'utiliser script-loader.

Answer 3

La version 3.0 de Jquery comporte des changements radicaux qui suppriment certaines méthodes en raison de conflits. Votre erreur est très probablement due à l'un de ces changements, comme la suppression de l'événement .load().

Plus d'informations dans le Guide de mise à jour de jQuery Core 3.0

Pour remédier à ce problème, vous devez réécrire le code pour le rendre compatible avec Jquery 3.0 ou vous pouvez utiliser l'option Plugin JQuery Migrate qui rétablit les API et les comportements dépréciés et/ou supprimés.

Answer 4

Je suis tombé sur le même message d'erreur après la mise à jour vers la dernière version de JQuery. Donc j'ai mis à jour le fichier jquery, j'ai été travailler sur, comme indiqué dans une précédente réponse, donc il l'a dit .on("load") au lieu de .load().

Ce correctif n'est pas très stable, et, parfois, il ne fonctionne pas pour moi. Par conséquent, pour résoudre ce problème, vous devez mettre à jour votre code à partir de:

    .load();

pour

    .trigger("load");

J'ai eu ce correctif à partir de la source suivante: https://github.com/stevenwanderski/bxslider-4/pull/1024

Answer 5

La réponse de @choz est la bonne. Si vous avez beaucoup d'utilisations et que vous voulez vous assurer que cela fonctionne partout sans changements, vous pouvez ajouter ces petits snippets de migration :

/* Migration jQuery from 1.8 to 3.x */
jQuery.fn.load = function (callback) {
    var el = $(this);

    el.on('load', callback);

    return el;
};

Dans ce cas, vous n'avez pas obtenu d'erreurs sur d'autres nœuds, par exemple sur $image comme dans la réponse de @Korsmakolnikov !

const $image = $('img.image').load(function() {
  $(this).doSomething();
});

$image.doSomethingElseWithTheImage();