Не работает слайдер, находящийся внутри контента, загружаемого с помощью get метода ajax. Интересует код лечения?

Question

[Сергей А.]

Была задача обновлять контент страницы без перезагрузки меню, но со сменой адресов урл. Нашел в сети рабочий код. Но есть проблема: при первичной загрузке контента со слайдером, он работает, но до первого клика в меню. Путем поиска информации в нете, удалось выяснить, что проблема в методе GET, который блокирует работу слайдера. Интересует решение проблемы выдачей рабочего кода, ибо в программировании не бум-бум. Спасибо.

<div  class="tabs__content">
текст текст текст текст текст текст текст
<div id="slider_image">слайдер</div>
</div>

$('document').ready(function(){
        $('.historyAPI').on('click', function(e){  
          e.preventDefault();   
         var href = $(this).attr('href'); 
        getContent(href, true); 
      });
});
 window.addEventListener("popstate", function(e) {  
       getContent(location.pathname, false);  
   });
   function getContent(url, addEntry) { 
         $.get(url).done(function(data) { // GET метод обновляет только текстовое содержимое и блокирует js при клике в меню
             $('.tabs__content').html($(data).find(".tabs__content").html()); 
               if(addEntry == true) { 
                  history.pushState(null,null, url);  
              } 
         });
}

Answer 1

[Rsa97]

Вы слайдер перерисовали? Перерисовали. А кто будет на элементы нового слайдера все обработчики событий вешать?

Comments

[Сергей А.]

Добавил весь js код слайдера внутрь функции getContent после pushState и заработало. Гуд!