Цитата:
хотите мучатся, читайте про MutationObserver |
Цитата:
jQuery(function($) { let num = 0; // 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); // где вставить данные 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 }); }); this_page++; // увелич. номер страницы +1 if (this_page == _this.attr('data-max-pages')) { _this.remove(); // удаляем кнопку, если последняя стр. } } else { // если закончились посты _this.remove(); // удаляем кнопку } } }); }); }); |
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(); // удаляем кнопку } } }); }); }); |
Мне id нужно где то присвоить в html ? т.к. сейчас ошибку в консоли дает ((Uncaught TypeError: jQuery(...).slick is not a function) at addslider (myloadmore.js?ver=5.9.2:4))
|
Цитата:
|
Нет, не в этом дело, проверил
|
firsmember,
можно только гадать, другого алгоритма предложить не могу. |
Часовой пояс GMT +3, время: 12:37. |