Слайдер jQuery не показывает, вызван ли он в div с использованием Ajax (создание xmlhttprequest, onreadystatechange и т. д.)

Question

Я работаю над проектом колледжа в Ajax и JSP, я использую некоторые фрагменты jQuery, доступные в Интернете (галереи, выпадающие меню и т. Д.), Я довольно уверен в JavaScript, но мои знания jQuery крайне ограничены.

На моей странице указателя я вызываю основное содержимое в div, используя методы Ajax (не JQuery Ajax, а полный JavaScript, с onreadystatechange () и responsetext). У меня также есть слайдер изображений jQuery и меню jQuery в этом контенте. они не работают после обратного вызова Ajax. Я прочитал об этой проблеме, что мне нужно повторно связать события после обратного вызова, но я не понимаю, как это сделать.

Answer 1

Для повторной привязки событий после обратного вызова

$.ajax({
  type: 'POST', //default here is 'GET'
  url: '/path/to/my/file.jsp
  data: myDataVariable // Alternatively you can use data: { $("jQuerySelector").val)(); }
  success: function(data){
    if(data){
      $("body").on("bind", "elementIDorClass", function(){
        //these functions are bound on callback. do stuff   
      });
      $("someElement").html(data); //place all data returned inside of a containaer named 'someElement'
    }
  } 
});

Довольно прямо. Если наш ajax-запрос выполнен успешно, мы возвращаем данные, помещенные в объект JSON. Мы проверяем, чтобы данные, которые мы получили, не были пустыми, затем мы связываем наши функции с элементом elementIDorClass. Затем мы загружаем наши данные в «someElement».