Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как сделать автоматическую подгрузку новостей на dle 13.2?

Как сделать автоматическую подгрузку новостей на dle 13.2?


     19.04.2019    jquery    Все вопросы » jQuery    1638

вопрос
Как сделать автоматическую подгрузку новостей на сайте dle с кнопкой показать ещё? Пробовал вот это решение , но оно не работает - при нажатии на кнопку ничего не происходит, а при обновлении страницы выдаёт вторую страницу новостей.

Ответа пока нет


5 комментариев

ravchik
Юзер

ravchik - 22 апреля 2019 14:55 -

Подключите к шаблону

AleksMey
Юзер

AleksMey - 24 апреля 2019 19:46 -

Подключил, а дальше?

ravchik
Юзер

ravchik - 25 апреля 2019 08:21 -

1. новости выводятся тегом {content}?
2. покажите код из navigation.tpl

hent4ib
Юзер

hent4ib - 25 апреля 2019 09:15 -

[not-aviable=collections]
<div class="bottom-nav ignore-select" id="bottom-nav">
<div class="nav-load" id="nav-load">[next-link]Загрузить еще[/next-link]</div>
<div class="row pagination">
	<div class="col-md-8 col-xs-9">
		<div class="row page_numbers">
			{pages}
		</div>
	</div>
</div>
</div>
[/not-aviable]

[aviable=collections]
<div class="row pagination">
	<div class="col-md-8 col-xs-9">
		<div class="row page_numbers">
			{pages}
		</div>
	</div>
	<div class="col-md-4 col-xs-3">
		<div class="row page_next-prev">
			<span class="page_prev" title="Предыдущая страница">																	
				[prev-link]<i class="fa fa-angle-left" aria-hidden="true"></i>[/prev-link]
			</span>
			<span class="page_next" title="Следующая страница">
				[next-link]<i class="fa fa-angle-right" aria-hidden="true"></i>[/next-link]																																															
			</span>
		</div>
	</div>
</div>
[/aviable]

В конец maint.tpl
	<script>
	$(document).ready(function(){
	
	 	$('body').on('click','#nav-load a',function(){
		var urlNext = $(this).attr('href');
		var scrollNext = $(this).offset().top - 200;
        if (urlNext !== undefined) {
			$.ajax({
				url: urlNext,
				beforeSend: function() {
					ShowLoading('');
				},			 
                success: function(data) {
                    $('#bottom-nav').remove();
                    $('#dle-content').append($('#dle-content', data).html());
                    $('#dle-content').after($('#bottom-nav'));
					window.history.pushState("", "", urlNext);
					$('html, body').animate({scrollTop:scrollNext}, 800);	
					HideLoading('');
                },
				  error: function() {				
					HideLoading('');
					alert('Что-то пошло не так');
				  }
			});
		};
		return false;
	});
	
});
</script>

У меня такой(лишнее сам убирай если заработает)

ravchik
Юзер

ravchik - 25 апреля 2019 09:20 -

1. оберните все это в блок с классом navigation
2. контент должен выводиться тегом {content}, иначе надо немного подправить скрипт

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

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

наверх