Не работает скрипт на странице загруженой с помощью .load

[lila73]

Помогите, пожалуйста.

Нужно, чтоб при нажатии кнопки, в блок #content подкружалась страничка со слайдером изображений из файла pic.html

Использую такой код


$(".scr").click(function () {

$("#content").load("pic.html")

});




А это внутри файла pic.html


<div id="slideshow">

<ul class="slides">
<li><img src="images/gallery/1.png" width="800" height="450" /></li>
<li><img src="images/gallery/2.png" width="800" height="450" /></li>
<li><img src="images/gallery/3.png" width="800" height="450" /></li>
</ul>

<span class="arrow previous"></span>
<span class="arrow next"></span>
</div>


<script src="js/script.js"></script>







Но слайдер не работает. Похоже, что не срабатывает script.js

При этом, если загрузить pic.html отдельно, то всё работает.

Собственно, вопрос в том, как подгрузить pic.html, чтоб скрипт работал?

[Vlasenko Fedor]

Попробуйте так
$(".scr").click(function () {
var doc = window.document;
$("#content").load("pic.html", function() {
var script = doc.createElement("script");
script.src = "js/script.js"; //проверьте правильность адреса, нет ли ошибки в консоли
doc.body.appendChild(script);
});
});

[lila73]

спасибо,но к сожалению не получилось. мне сказали, что javascript, подгружаемый через Ajax, работать не будет и скрипт script.js нужно подключить отдельно

Я сделала так

$(".scr").click(function () {

$("#content").load("pic.html" , function() {
$.getScript( "js/script.js")
});

});

но не помогло, увы(( видимо, что-то делаю не правильно

[Vlasenko Fedor]

Разница в вашем и моем варианте, только в том, что в моем скрипт при наличии будет брататься из кеша.
Смотрите в консоли ошибки и ли к примеру пропущенный кусок кода инициализации параметров слайдера между <script>//youcode</script>

[lila73]

спасибо, буду разбираться дальше))