Показать сообщение отдельно
  #8 (permalink)  
Старый 31.07.2019, 12:55
Новичок на форуме
Отправить личное сообщение для andrey0881 Посмотреть профиль Найти все сообщения от andrey0881
 
Регистрация: 29.07.2019
Сообщений: 8

$(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 в отдельный файл для удобства, добавил пару строк с добавлением/удалением класса и тайм-аутом
Ответить с цитированием