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

← на Главную / Разработчикам / Форум / Разработка сайта

подгрузка следующей страницы через 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).