Показать сообщение отдельно
  #13 (permalink)  
Старый 24.03.2022, 18:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

firsmember,
так лучше ...
jQuery(function($) {
            let num = 0;
            function addslider()
            {jQuery('.slider-prm-rab-box-block:not(.addslider)').each((i, el) => {
                                jQuery(el).addClass('addslider');
                                jQuery('.slider-for', el).attr('id', `fff${++num}`);
                                jQuery('.slider-nav', el).attr('id', `nnn${num}`);
                                jQuery('.slider-for', el).slick({
                                    slidesToShow: 1,
                                    slidesToScroll: 1,
                                    arrows: true,
                                    fade: true,
                                    asNavFor: `#nnn${num}`
                                });
                                jQuery('.slider-nav', el).slick({
                                    slidesToShow: 4,
                                    slidesToScroll: 1,
                                    asNavFor: `#fff${num}`,
                                    vertical: true,
                                    verticalSwiping: true,
                                    dots: false,
                                    focusOnSelect: true
                                });
                            });

            }
            addslider(); //установка слайдера при первой загрузке страницы

            // AJAX загрузка страниц/записей WP
            $('.btn-loadmore').on('click', function() {
                let _this = $(this);
                _this.html('<span class="fas fa-redo fa-spin"></span> Загрузка...'); // изменение кнопки
                let data = {
                    'action': 'loadmore',
                    'query': _this.attr('data-param-posts'),
                    'page': this_page,
                    'tpl': _this.attr('data-tpl')
                }
                $.ajax({
                    url: '/wp-admin/admin-ajax.php',
                    data: data,
                    type: 'POST',
                    success: function(data) {
                        if (data) {
                            _this.html('<span class="fas fa-redo"></span> Загрузить ещё');
                            _this.prev().parent().append(data); // где вставить данные
                            addslider();//!!!! //установка слайдера добавлении html
                            this_page++; // увелич. номер страницы +1
                            if (this_page == _this.attr('data-max-pages')) {
                                _this.remove(); // удаляем кнопку, если последняя стр.
                            }
                        } else { // если закончились посты
                            _this.remove(); // удаляем кнопку
                        }
                    }
                });
            });
        });
Ответить с цитированием