Сделал бесконечный скроллинг для комментариев, к каждому комментарию применяются различные js функции. Первые комментарии, которые загружаются на страницу работают отлично, но последующие, которые загружается с помощью файла ajax.php
(условно) на js не реагируют вообще. Комментарии отображаются на странице topic.php
в футоре которой подключены все мои js файлы, подключение этих же фалов к ajax.php
(к файлу откуда загружаются дополнительные комментарии при скроллинге) приводит к огромному количеству ошибок, так как, получается, что мы подключаем js файлы дважды. Я уже второй день голову ломаю, казалось бы простая задача, но видимо не для новичка. Спасибо всем, кто откликнется!
//Infinite scroll
flag = true;
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()){
first = $('#first').val();
limit = $('#limit').val();
idt = $('#idt').val();
no_data = true;
if(flag && no_data){
flag = false;
$('#loader').show();
$.ajax({
url : 'ajax.php',
method: 'POST',
dataType: 'html',
data: {
start : first,
limit : limit,
idt : idt
},
success: function( data ) {
flag = true;
$('#loader').hide();
if(data !=''){
first = parseInt($('#first').val());
limit = parseInt($('#limit').val());
$('#first').val( first+limit );
$('#timeline-container').append( data );
$('.timeline-item, .timeline-inverted').waypoint({
triggerOnce: true,
offset: '80%',
handler: function() {
jQuery(this).addClass('animated fadeInUp');
}
});
}else{
alert('No more data to show');
no_data = true;
}
},
error: function( data ){
flag = true;
$('#loader').hide();
no_data = false;
alert('Something went wrong, Please contact admin');
}
});
}
}
});