как применить события jQuery к контенту, который динамически загружается с помощью запроса get Ajax

Question

, так что это jQuery, я хочу вставить содержимое, которое я запрашиваю при загрузке страницы:

$(".allComments").hide();

$(".viewAll").click(function(e) {
  e.stopImmediatePropagation()

  if ($(window).scrollTop() >= 150) {
    $([document.documentElement, document.body]).animate({
      scrollTop: $(this).offset().top
    }, 1000);
  }
  console.log("view all commment is click")
  $(this).parent().siblings('div.allComments').slideToggle();


})

Поэтому, когда содержимое загружается, я хочу скрыть раздел комментариев, и пользователь сможет нажать кнопку, чтобы открыть комментарии ..

проблема в том, что jQuery не влияет ... Я знаю, что мы можем использовать событие jQuery on () , но я не знаю, использовать ли его, если я хочу скрыть комментарии, когда страницазагружает ..

Есть идеи как этого добиться ?????

Answer 1

// Load dynamic content
$(document).ready(function(){
  var comments = '';
  for(var i = 0 ; i < 10; i++){
    comments += '<div>('+i+') Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.</div>';
  }  
  $('#comment-section').append(comments).hide();
});

// View all button click
$(document).on('click','#view-all',function(){
  $('#comment-section').show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div id="comment-section"></div>
<button id="view-all">View All</button>