Embedding Javascript dans le document html

Question

Je suis en train de mettre en œuvre le code suivant dans un document html:

$(function() { 

       $.ajax({ 
       type: "GET", 
       url: "/projects/img/Bathurst/PhotoGallery.xml", // location of your gallery's xml file 
       dataType: "xml", 
       success: function(xml) { 


        $(xml).find('img').each(function() { 

         var location = '/projects/img/Bathurst/'; // relative path to the directory that holds your images 
         var url = $(this).attr('src'); 
         var alt = $(this).attr('alt'); 

         $('<li></li>').html('<a href="'+location+''+url+'" rel="shadowbox[gallery]"><img class="thumb" src="'+location+''+url+'" alt="'+alt+'" title="'+alt+'" /></a>').appendTo('#gallery-ul'); 


        }); 
        $('<script type="text/javascript"></script>').html('Shadowbox.clearCache(); Shadowbox.setup();').appendTo('#photo-gallery'); 
       } 


      }); 
}); 

Le code fonctionne parfaitement quand je l'utilise dans un fichier .js externe, mais je ne peux pas le faire fonctionner quand je l'implémente, cela se traduit par une erreur dans le code.

II'm je manque quelque chose et dos quelqu'un a une suggestion à ceci? La raison pour laquelle je dois l'implémenter, au cas où on se le demanderait, c'est que je construis une webapp personnalisée et que la ligne "/projects/img/Bathurst/PhotoGallery.xml" et "/ projects/img/Bathurst /" est variables dynamiques

Toutes les réponses sont très appréciées! :)

Answer 1

La ligne problématique ($('<script type="text/javascript">...) est un moyen convluted et inutilement compliqué à exécuter deux lignes de Javascript.

Vous devez le remplacer par des appels de méthode simples. (Shadowbox.clearCache(); Shadowbox.setup();)

Answer 2

Vous ne pouvez pas avoir un </script> à l'intérieur d'un script. changement

$('<script type="text/javascript"></script>') 

à

$('<script type="text/javascript"><\/script>')