встраивание Javascript в HTML документе

Question

Я пытаюсь выполнить следующий код в 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'); 
       } 


      }); 
}); 

код отлично работает, когда я использую его во внешнем .js файле, но я не могу заставить его работать когда я его реализую, он просто выводит с ошибкой код.

II'm Я пропустил что-то, и у всех есть предложение? Причина, по которой мне нужно ее реализовать, на случай, если кто-то задается вопросом, заключается в том, что я создаю пользовательский webapp, а строка «/projects/img/Bathurst/PhotoGallery.xml» и «/ projects/img/Bathurst /» - это динамические переменные.

Все ответы очень ценятся! :)

Answer 1

Проблематика линия ($('<script type="text/javascript">...) является convluted и излишне сложный способ запустить две строки JavaScript.

Вы должны заменить его на простые вызовы методов. (Shadowbox.clearCache(); Shadowbox.setup();)

Answer 2

У вас не может быть </script> внутри script. Изменить

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

в

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