Перейти к содержимому


Фотография
* * * * * 2 Голосов

Бесконечный скролл (подгрузка айтемов вместо пагинации)

infinite scroll scroll скролл бесконечный цикл ajax ajax scroll pagination в jbzoo подгрузка айтемов items рецепт

Сообщений в теме: 33

#31 isay777

isay777

Отправлено 16 September 2016 - 17:50

У меня тоже вылезает ошибка в консоли TypeError: ias is undefined для строки ias.extension(new IASTriggerExtension({

Причем ошибка указывается именно для ias. Хотя странно, ведь эта переменная определена чуть выше.

 

К тому же не сразу скрывается пейджинг старый

 

можете пациента в личку кинуть 


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#32 radiant

radiant

Отправлено 17 October 2018 - 14:26

Когда есть несколько приложений с шаблоном uikit, но нужно не во всех приложениях делать такой скролл, я поступил так:
 
1) Ложим файл _loading.php в папку media/zoo/applications/jbuniversal/templates/uikit/renderer/item_columns/
2) Ложим файл jquery-ias.min.js и loading.gif куда вам угодно
3) В файле _loading.php указываем путь к loading.gif
4) В файле /media/zoo/applications/jbuniversal/templates/uikit/helpers/jbuikit.php на 81 строке для ссылки пишем класс:  class="next"
5) В шаблоне сайта (обычно index.php до </head>) пишем: <script src="/ВАША ПАПКА/jquery-ias.min.js" type="text/javascript"></script> и указываем путь к jquery-ias.min.js
6) В настройках нужного приложения, в "Колонка элементов" указываем _loading и сохраняем настройки
7) Проверяем.

 

Пункт 6 можно использовать отдельно и в настройках категорий приложения.
 
Пункт 5 можно было бы не делать,
пробовал в файле _loading.php
проверить $this->app->document->addScript('/ВАШ ПУТЬ/jquery-ias.min.js');
но $this->app->document->addScript не сработал.

Прикрепленные файлы

  • Прикрепленный файл  _loading.php   2.4К   1 Количество загрузок:
  • Прикрепленный файл  jquery-ias.min.js   14.82К   1 Количество загрузок:

Сообщение отредактировал radiant: 17 October 2018 - 14:33

  • 0

#33 radiant

radiant

Отправлено 01 December 2018 - 13:48

Пункт 5 можно было бы не делать,
пробовал в файле _loading.php
проверить $this->app->document->addScript('/ВАШ ПУТЬ/jquery-ias.min.js');
но $this->app->document->addScript не сработал.

 

Попробовал следующим способом и работает нормально.

 

1) 5 пункт не делаем, а если сделали, то сотрите эту строку в шаблоне своего сайта

2) В файле _loading.php перед <script type="text/javascript"> добавляем:

$this->app->jbassets->js('ВАШ ПУТЬ/jquery-ias.min.js');

сохраняем и проверяем.

 

В исходном коде страницы, файл jquery-ias.min.js не виден, но скрипт работает!


  • 1

#34 radiant

radiant

Отправлено 06 December 2018 - 16:10

2) В файле _loading.php перед <script type="text/javascript"> добавляем:
$this->app->jbassets->js('ВАШ ПУТЬ/jquery-ias.min.js');

сохраняем и проверяем.

 

В исходном коде страницы, файл jquery-ias.min.js не виден, но скрипт работает!

 

Что-то я напутал, при таком варианте .js файл не работает.

Тогда вместо этого, в файле _loading.php пишем:

$doc = JFactory::getDocument();
$doc->addScriptVersion(JUri::root().'ВАШ ПУТЬ/jquery-ias.min.js');

При таком варианте файл виден в исходном коде страницы, а значит загружается, значит все работает!


  • 1





Темы с аналогичным тегами infinite scroll, scroll, скролл, бесконечный цикл, ajax, ajax scroll, pagination в jbzoo, подгрузка айтемов, items, рецепт

Click to return to top of page in style!