|
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-пагинацию - там используется сторонний скрипт и ссылка загрузки не блокируется, а хотелось бы на пальцах разобраться чтобы понять что и как раз и на всегда.
Спасибо откликнувшимся.
|