Problèmes d'utilisation .ajax

Question

$ Je veux charger la visionneuse javascript seulement quand une certaine condition est satisfaite si je charge à l'aide de $ .ajax comme ceci:

$.ajax({ url: "../static/js/lightbox.js", dataType: 'script', cache: true, success: function() { 
    alert('loaded'); 
    $("a.lightbox").lightbox({ 
     opacity: "0.6", 
     width: "940" 
    }); 
}}); 

Je vois l'alerte « chargé » mais la visionneuse ne fonctionne pas. Cependant, quand je charge le fichier directement (script src) à partir du HTML, lightbox fonctionne. Comment puis-je réparer ça?

Un grand merci pour votre aide.

Answer 1

Vous voulez utiliser $.getScript() pour cela (plus court, mais l'effet de la mise en cache légèrement différente), par exemple:

$.getScript("../static/js/lightbox.js", function() { 
    $("a.lightbox").lightbox({ 
    opacity: "0.6", 
    width: "940" 
    }); 
}); 

Answer 2

ne soit correctement téléchargé le script? Voyez-vous l'alerte «chargée»? Si j'étais vous je mettrais une alerte dans lightbox.js pour voir si elle est correctement exécutée après le téléchargement. Vérifiez également les erreurs JavaScript.

Answer 3

Le problème est que js ne fait pas encore partie du DOM. C'est correct que vous obteniez le lightbox.js mais ce n'est pas prêt pour l'exécution. Pour obtenir un fichier js dynamiquement, vous devrez utiliser la méthode getScript au lieu d'ajax. Jetez un oeil à l'API: http://api.jquery.com/jQuery.getScript/