$(function () {
var moreDoorsContent = $(".bx_catalog_list_home"),
allContent = $(".content"),
btnDoors = allContent.find(".more_button"),
currentPageDoors = btnDoors.data("currentpage");
$(document).on('click', '.more_button', function (e) {
//e.preventDefault();
$('.products-wrapper').addClass("add-margin");
setTimeout(function() {
var allDoors = btnDoors.data("allcount"),
doorsOnOnePage = btnDoors.data("size");
console.log(currentPageDoors);
$.ajax({
url: window.location.href,
type: "get",
data: {
PAGEN_1: ++currentPageDoors
},
complete: function () {
if (currentPageDoors * doorsOnOnePage >= allDoors) {
allContent.find('.btn__tab_line').hide();
}
},
success: function (data) {
console.log(window.location.href);
//allContent.find(".more_button").parents('.btn__tab_line').remove();
moreDoorsContent.append($(data).find('.bx_catalog_list_home').html());
$(".nktl_pagination_wrp").html($(data).find('.nktl_pagination_wrp').html());
moreDoorsContent.find('div[style*="clear: both"]').remove();
console.log(moreDoorsContent.find('div[style*="clear: both"]:first-child'))
moreDoorsContent.append('<div style="clear: both"></div>')
},
error: function (data) {
console.log('error');
}
});
//$('.products-wrapper').removeClass("add-margin");
}, 1);
setTimeout(function() { $('.products-wrapper').removeClass("add-margin") }, 1);
});
});
вот так все выглядит, забрал кусок из main.js в отдельный файл для удобства, добавил пару строк с добавлением/удалением класса и тайм-аутом