-
-
Save evgeny-ilyin/85defcf99b1bfc0fcbd43d2e2ad2e83e to your computer and use it in GitHub Desktop.
Показать еще / ajax подгрузка элементов в Битрикс
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Создать свой шаблон компонента постраничной навигации bitrix:system.pagenavigation | |
| <?if($arResult["NavPageCount"] > 1):?> | |
| <?if ($arResult["NavPageNomer"]+1 <= $arResult["nEndPage"]):?> | |
| <? | |
| $plus = $arResult["NavPageNomer"]+1; | |
| $url = $arResult["sUrlPathParams"] . "PAGEN_1=" . $plus | |
| ?> | |
| <div class="load_more" data-url="<?=$url?>"> | |
| Показать еще | |
| </div> | |
| <?else:?> | |
| <div class="load_more"> | |
| Загружено все | |
| </div> | |
| <?endif?> | |
| <?endif?> | |
| Скрипт в script.js | |
| $(document).ready(function(){ | |
| $(document).on('click', '.load_more', function(){ | |
| var targetContainer = $('.loadmore_wrap'), // Контейнер, в котором хранятся элементы | |
| url = $('.load_more').attr('data-url'); // URL, из которого будем брать элементы | |
| if (url !== undefined) { | |
| $.ajax({ | |
| type: 'GET', | |
| url: url, | |
| dataType: 'html', | |
| success: function(data){ | |
| // Удаляем старую навигацию | |
| $('.load_more').remove(); | |
| var elements = $(data).find('.loadmore_item'), // Ищем элементы | |
| pagination = $(data).find('.load_more');// Ищем навигацию | |
| targetContainer.append(elements); // Добавляем посты в конец контейнера | |
| targetContainer.append(pagination); // добавляем навигацию следом | |
| } | |
| }) | |
| } | |
| }); | |
| }); | |
| В шаблоне компонента списка новостей news.list до цикла задать класс обёртки loadmore_wrap | |
| В цикле присвоить класс элементу loadmore_item | |
| В настройках компонента выбрать вышесозданный шаблон постраничной навигации |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment