Привет, столкнулся с такой проблемой, что в подгружаемых постах не работают ajax скрипты для лайка и редактирования постов. Для подгрузки использую плагин jScroll.
$('ul.pagination').hide();
$(function() {
$('.infinite-scroll').jscroll({
autoTrigger: true,
debug: true,
loadingHtml: '<img class="center-block" src="{{asset('img/loading.gif')}}" alt="Loading..." />',
padding: 2,
nextSelector: '.pagination li.active + li a',
contentSelector: '.infinite-scroll',
callback: function() {
$('ul.pagination').remove();
}
});
});
Нашел темы с подобными проблемами:
Бесконечная прокрутка, подключенные скрипты не работают для подгружаемых постов, почему?
Почему не работает javascript после ajax получения ответа?
Там человек посоветовал использовать метод on() и я переписал скрипт. К сожалению проблема не исчезла, у первых 2-х постов всё хорошо, а у подгружаемых ничего не работает.
<script type="text/javascript">
$(document).on('click', '#likebtn{{$post->id}}', function () {
var likeForm = $("#likepostform{{$post->id}}").serialize();
$.ajax({
url: "{{route('likePost', ['id' => Auth::user()->id, 'postId' => $post->id])}}",
type: "POST",
data: likeForm,
success: function(data) {
$("#likebtn{{$post->id}}").html($(data).find("#likebtn{{$post->id}}").html());
}
});
});
</script>
Возможно ли, что проблема в самом плагине jScroll?
