Всем привет
На сайте есть пагинация к статьям, которая работает следующим образом: пользователь нажимает кнопку 'Показать больше статей', после чего добавляется еще N постов. У каждой отдельной статьи есть кнопка 'Добавить в избранное', которая тоже работает на AJAX. Суть проблемы в том, что когда оба аякса подключены(пагинация и избранное), после нажатии на клавишу пагинации, у всех ново загруженных постов не работает кнопка 'добавить в избранное' и плюс ко всему, эти посты дублируются.
По отдельности оба аякса работают замечательно, как и должны.В чем собственно может быть проблема? Из-за чего все так происходит.
ajax пагинация:
function ajaxPagination()
{
$('#pagination a.page-link').each((index, el) =>{
$(el).click((e) => {
e.preventDefault()
let page_url = $(el).attr('href')
console.log(page_url)
$.ajax({
url: page_url,
type: 'GET',
success: (data) => {
$('.do_it').append( $(data).filter('.do_it').html())
$('.pagination').empty()
$('.pagination').append( $(data).find('.pagination').html())
}
})
})
})
}
$(document).ready(function() {
ajaxPagination()
})
$(document).ajaxStop(function() {
ajaxPagination()
})
ajax избранное:
const add_to_favorites_url = '/favorites/add/';
const remove_from_favorites_url = '/favorites/remove/';
const favorites_api_url = '/favorites/api/';
const added_to_favorites_class = 'added';
function add_to_favorites(){
$('.add-to-favorites').each((index, el) => {
$(el).click((e) => {
e.preventDefault()
const type = $(el).data('type');
const id = $(el).data('id');
if( $(e.target).hasClass(added_to_favorites_class) ) {
$.ajax({
url: remove_from_favorites_url,
type: 'POST',
dataType: 'json',
data: {
type: type,
id: id,
},
success: (data) => {
$(el).removeClass(added_to_favorites_class)
}
})
} else {
$.ajax({
url: add_to_favorites_url,
type: 'POST',
dataType: 'json',
data:{
type: type,
id: id,
},
success: (data) => {
$(el).addClass(added_to_favorites_class)
// get_session_favorites_statistics()
}
})
};
})
})
};
function get_session_favorites() {
// get_session_favorites_statistics()
$.getJSON(favorites_api_url, (json) => {
if (json !== null) {
for (let i = 0; i < json.length; i++) {
$('.add-to-favorites').each((index, el) => {
const type = $(el).data('type')
const id = $(el).data('id')
if ( json[i].type == type && json[i].id == id ){
$(el).addClass(added_to_favorites_class)
}
})
}
}
})
}
$(document).ready(function() {
add_to_favorites()
get_session_favorites()
})