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


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

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

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

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

#21 mr.varhola

mr.varhola

Отправлено 03 August 2016 - 09:12

Ошибку я тоже вижу, но вот понять причину её я не могу, в index.php шаблона вроде все просто и верно

<!--  Бесконечный скролл  -->
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jquery.ias.min.js" type="text/javascript"></script>
<script type="text/javascript">
    var ias = jQuery.ias({
          container:  '.items', //класс где выводятся все айтемы
          item:       '.rborder', //класс одного айтема или строки с айтемами (у меня например row)
          pagination: '.pagination', //класс пагинации для того чтоб скрыть её
          next:       '.next', // класс ссылки в пагинации для загрузки след страницы
          loader:  	  '<div style="text-align:center;"><img style="width: 30px;" src="/templates/port_import/img/squares.gif"></div>',
          delay: 5000
    });
/*
	ias.extension(new IASSpinnerExtension({
	    src: '/images/squares.gif', // адрес лоадера для красоты
	}));
*/
     ias.extension(new IASNoneLeftExtension({html: '<div class="ias-noneleft" style="text-align:center"><p><em>Это конец </em></p></div>'}));
    //текст когда айтемы закончатся по желанию 
</script>
<!--  Конец бесконечный скролл  -->

Правда про delay и ошибки нет и самой задержки нет.

буду думать дальше.


  • 0

#22 MOKEV

MOKEV

Отправлено 03 August 2016 - 09:37

Можно попробовать поменять задержку в исходном файле скрипта. Просто откройте файл jquery-ias.min.js и измените дефолтное значение delay:600 на необходимое.


  • 2

#23 mr.varhola

mr.varhola

Отправлено 03 August 2016 - 10:25

Проблему решил подключением файла jquery-ias.js вместо jquery.ias.min.js - в min не было задержки внутри))

Спасибо всем за помощь!)


  • 0

#24 Flowerchek

Flowerchek

Отправлено 16 September 2016 - 13:57

Добрый день!

Пытаюсь пристроить это решение на свой сайт. Подгрузила jquery-ias.min.js, но выдается ошибка:

 

TypeError: $ is undefined

...List(a)>-1},fireWith:function(a,b){var c=$.Deferred();return this.isDisabled?c.r...

 

Пытаюсь скачать с сайта jquery-ias.js, но выдается ошибка 500.

 

Как быть?


  • 0

#25 CB9TOIIIA

CB9TOIIIA

Отправлено 16 September 2016 - 14:02

Добрый день!

Пытаюсь пристроить это решение на свой сайт. Подгрузила jquery-ias.min.js, но выдается ошибка:

 

TypeError: $ is undefined

...List(a)>-1},fireWith:function(a,b){var c=$.Deferred();return this.isDisabled?c.r...

 

Пытаюсь скачать с сайта jquery-ias.js, но выдается ошибка 500.

 

Как быть?

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


  • 0

#26 Flowerchek

Flowerchek

Отправлено 16 September 2016 - 14:05

 

Добрый день!

Пытаюсь пристроить это решение на свой сайт. Подгрузила jquery-ias.min.js, но выдается ошибка:

 

TypeError: $ is undefined

...List(a)>-1},fireWith:function(a,b){var c=$.Deferred();return this.isDisabled?c.r...

 

Пытаюсь скачать с сайта jquery-ias.js, но выдается ошибка 500.

 

Как быть?

 

Извините, конечно, но вы мне скинули тот же самый файл. Ошибка та же


  • 0

#27 CB9TOIIIA

CB9TOIIIA

Отправлено 16 September 2016 - 14:07

Извините, конечно, но вы мне скинули тот же самый файл. Ошибка та же

https://github.com/f...r/jquery.ias.js


  • 1

#28 Flowerchek

Flowerchek

Отправлено 16 September 2016 - 14:34

Да, теперь заработало!

 

Может быть вы подскажите еще как сделать так, чтобы скролл срабатывал только после нажатия на кнопку "Показать еще"?

Я думала, что можно заменить эту строчку:

$html .= '<a class="next" href="'.JRoute::_($link).'">&gt;&nbsp;</a>&nbsp;';

 

на что-то такое $html .= '<span onclick="nextButGen();">Показать еще</span>';

при клике на которой функция nextButGen рисует ссылку с классом next.

Но при ближайшем рассмотрение понятно, что это так просто не сработает. Есть идеи?


  • 0

#29 isay777

isay777

Отправлено 16 September 2016 - 14:35

Да, теперь заработало!

 

Может быть вы подскажите еще как сделать так, чтобы скролл срабатывал только после нажатия на кнопку "Показать еще"?

Я думала, что можно заменить эту строчку:

$html .= '<a class="next" href="'.JRoute::_($link).'">&gt;&nbsp;</a>&nbsp;';

 

на что-то такое $html .= '<span onclick="nextButGen();">Показать еще</span>';

при клике на которой функция nextButGen рисует ссылку с классом next.

Но при ближайшем рассмотрение понятно, что это так просто не сработает. Есть идеи?

 

 

ответ тут http://forum.jbzoo.c...esto-p/?p=88274


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

#30 Flowerchek

Flowerchek

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

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

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

 

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


  • 0





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

Click to return to top of page in style!