При клике на ссылку должен появится материал, как стена в VK?

Question

[Alexander]

Ребят, подскажите.

Нужно сделать вывод материала следующим образом:

Есть на сайте 4 материала (товара) под ними кнопка "показать еще" при клике на которою должно появиться еще 4 товара, и т. д.

Полагаю, должен существовать в природе jquery-плагин?

Answer 1

[Антон Цепковский]

Это делается с помощью ajax, по кнопке отправляете на сервер ajax запрос, который возвращает Вам следующие 4 итема, вы их вставляете в DOM. Промежуточно можно следить за статусом запроса и отображать спиннер.
Все что Вам нужно написано здесь: api.jquery.com/jquery.ajax

Comments

[Alexander]

Материал, не будет браться с БД, он уже будет в верстке и должен появится при клике на ссылку. Я раньше видел тут подобный вопрос и нужный jquery-плагин но найти его так и не получилось.

[awMinor]

Ну тогда загрузите всю базу данных в объект и подгружайте когда вам удобно. Либо рендерите все сразу и скрывайте то что не нужно, открывая по 4 штуки.

[Антон Цепковский]

BEN: не нужен никакой плагин

обычным jQuery можно обойтись

например у Вас есть блоки 4 блока с display: block и остальные с display: none, лучше это делать классами, например повесьте изначально на все блоки кроме первых 4х класс hidden

• ...

по клику на кнопку $('a.next4').on('click', function(e) {});

берете 4 первых блока с классом hidden и убираете ему этот класс

если хотите плавно, сделайте так $(block).show(600, function() {$(this).removeClass('hidden');});

в общем ничего сложного

Answer 2

[Александр]

я думаю это то что нужно