Регистрация
Регистрируясь, вы подтверждаете свое согласие с соглашением об использовании персональных данных.
Восстановление пароля

подгрузка следующей страницы через ajax и блокировка ссылки

24.08.2017, 13:26
Kit

Зарегистрирован:
2017-08-24
Сообщений: 1

Здравствуйте!
Я новичёк в сайостроении, кое что в php понимаю, а JS почти совсем ничего.
Нужно решить задачу с подгрузкой содержимого следующих страниц на первую. Т.е. есть постраничная навигация и нужно чтобы при клике на ссылку "Показать ещё" подгружался список объектов со следующей страницы и при этом в процессе подгрузки ссылка "Показать ещё" была не доступна, а после завершения подгрузки становилась опять активной.
Имею вот такой исходный код:
Код:
	
<div class="section">
<div class="inner">
<div class="grid-default">
<div class="grid_item">
<a href="#" class="article">
<img src="content-images/img17.jpg" alt="" width="380" height="223" class="article_hero">
<div class="article_caption">заголовок1</div>
</a>
</div>
<div class="grid_item">
<a href="#" class="article">
<img src="content-images/img17.jpg" alt="" width="380" height="223" class="article_hero">
<div class="article_caption">заголовок2</div>
</a>
</div>
<div class="grid_item">
<a href="#" class="article">
<img src="content-images/img17.jpg" alt="" width="380" height="223" class="article_hero">
<div class="article_caption">заголовок3</div>
</a>
</div>
<footer class="grid_footer">
<a href="#" class="grid_more">показать ещё</a>
</footer>
</div>
</div>
</div>

Понятно, что это в префиксе:
Код:
<div class="section">
<div class="inner">
<div class="grid-default">

Это в объект в списке:
Код:

<div class="grid_item">
<a href="#" class="article">
<img src="content-images/img17.jpg" alt="" width="380" height="223" class="article_hero">
<div class="article_caption">заголовок1</div>
</a>
</div>

Это в суффиксе:
Код:

<footer class="grid_footer">
<a href="#" class="grid_more">показать ещё</a>
</footer>
</div>
</div>
</div>

Но как заставить подгружаться данные без префикса и суффикса и как блокировать ссылку "Показать ещё" ну совсем нет мыслей.
пробовал в готовых решениях ajax-пагинацию - там используется сторонний скрипт и ссылка загрузки не блокируется, а хотелось бы на пальцах разобраться чтобы понять что и как раз и на всегда.
Спасибо откликнувшимся.
11.11.2017, 22:17
Руслан Густокашин
Студия Вэлпис

Зарегистрирован:
2012-02-06
Сообщений: 962

Приведите кусок JS-кода, который у вас дергает AJAX'ом запрос порции данных.
Собственно общая концепция такая: перед началом ajax-запроса делаете .hide по отношению к кнопке "Показать еще", а в success-хэндлере возвращаете ее обратно (метод .show).
198 196 2017-11-11 22:17:44 14826
Описание проекта