DataLife Engine > Версия для печати > Постраничная навигация на ajax

На многих сайтах давно уже существует постраничная навигация на ajax. И довольно таки давно многие пользователи используют для этого js плагин jquery.ias.js.

/*!
 * Infinite Ajax Scroll, a jQuery plugin
 * Version v0.1.5
 * http://webcreate.nl/
 *
 * Copyright (c) 2011-2012 Jeroen Fiege
 * Licensed under the MIT License:
 * http://webcreate.nl/license
 */

Плагин позволяет автоматически подгружать следующий контент согласно постраничной навигаци по мере скрола страницы . Сегодня я раскажу как с помощью данного плагина добиться подгрузки контента по клику по кнопке. Данный плагин я не много изменил добавив настройку типа подгрузки следующей страницы. Думаю автор не обидется. *6

Настройки и описание работы для DLE:

Инициализация скрипта в файле шаблона templates/Default/navigation.tpl





        {pages}



            [prev-link]Назад[/prev-link]

            [next-link]Вперед[/next-link]





    Наверх















 $.ias({

container : '#dle-content', //индетификатор контейнера гду хранятся все новости

item:'.base.shortstory', //набор классов контейнера самой новости

pagination: '.dpad.basenavi.ignore-select', //набор классов контейнера блока постраничной навигации

next: '.nextprev a:last-child', //класс или идентификатор контейнера  постраничной навигации с ссылками где содержится ссылка на  следующую страницу

autoload: false, //включение или отключение автоподзагрузки

loader: '

Загрузить еще

' //шаблон кнопки или индикатора загрузки







});

Установка: Распаковать архив в папку /engine/classes/js/

Вернуться назад

Комментарии 0