Как подгрузить скрипт через ajax?

Question

[Сергей Миллер]

$('.againCell').click(function(){

$.ajax({
type: "GET",
url: "/content2.html",
dataType: "html",
beforeSend: function() {
$('.ajax_here').html('<span id="loading_me">Загружаю..</span>');
},
success:
function(html){
$(".ajax_here").html(html);
}
});
return false;
});

Так подгружаю html страницу в div. Но есть проблема - слайдеры (owl carousel и slick slider) не работают, как я понял, нужно подгрузить и скрипт вместе с контентом. Только как мне это сделать?

Comments

[Сергей delphinpro]

достаточно инициализировать новые карусели, если плагин уже подключен

success: function(html){
  $(".ajax_here").html(html);
  $(...).owlCarousel()
}

[Сергей Миллер]

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

[Сергей delphinpro]

Сергей Миллер, Зачем вы подгружаете смешанный контент?
Грузите html, подключайте скрипты. Мухи - отдельно, котлеты - отдельно.

Напишите функцию инициализации всего и вся.

function initAllStuff(){
  $('.owl-carousel').not('.owl-inited').owlCarousel();
  $('.slick').not('.slick-inited').slick();
  //... 
}

Загрузили html - вызвали функцию. Всё работает, все счастливы.

Answer 1

[Владимир Скибин]

Выполните инициализацию на подгруженный контент вручную.

function(html) {
  $(".ajax_here").html(html);
  $(".ajax_here .owl-carousel").owlCarousel();
}