Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Как сделать бесконечную подгрузку новостей на главной и в fullstory на DLE 15.1?

Как сделать бесконечную подгрузку новостей на главной и в fullstory на DLE 15.1?


     21.01.2022    Шаблоны (TPL), jQuery    228

вопрос
Кто-нибудь знает как реализовать на DLE 15.1 бесконечную подгрузку контента без кнопок? Перепробовал много вариантов не один не работает.

Ответил: TeraMoune


Все старые варианты основаны на #dle-content, который в последних версиях уже отсутствует...

Например, почти везде использовался примерно такая часть кода,

$('#dle-content').append($('#dle-content', data).html());


Это больше не актуально, и теперь для каждого человека и его шаблона применение таких решений является уникальным. Нужно определить ID который содержит новости и внести изменения.

1 комментарий

doc123eysk2
Юзер

doc123eysk2 - 29 января 2022 09:29 -

js


$(document).ready(function(){
    var loadLink = $('#nav-load'), loadStatus = 0;
    $(window).scroll (function () {     
    if ($(this).scrollTop() + $(this).height() + 300 > loadLink.offset().top) {
        var urlNext = loadLink.find('a').attr('href');
            if (urlNext !== undefined && loadStatus == 0) {
                loadStatus = 1;
                $.ajax({
                    url: urlNext,
                    beforeSend: function() {
                        //ShowLoadin();
                    },            
                    success: function(data) {
                        $('#bottom-nav').remove();
                        $('.sect-content').append($('.sect-content', data).html()).after($('#bottom-nav'));
                        //HideLoadin();
                        loadStatus = 0, loadLink = $('#nav-load');
                    }  
                });
            } else {
                loadLink.remove();
            };
        };
    });  
});


где .sect-content вставить класс вашего контейнера где находиться {content}

Пример:

<div class="sect-content">
      {content}
</div>


navigation.tpl


<!--noindex-->
    [not-aviable=showfull|addnews|search]
    <div class="bottom-nav ignore-select" id="bottom-nav">
	    <div class="nav-load" id="nav-load">[next-link]еще[/next-link]</div>
    </div>
    [/not-aviable]
    [aviable=search]
	<div class="pagi-nav clearfix">
		<div class="navigation">{pages}</div>
	</div>
	[/aviable]
<!--/noindex-->


css

.bottom-nav {clear: both; opacity:0;}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх