infinite ajax scroll

HeadHunter

Shop Script
Регистрация
21 Июн 2011
Сообщения
629
Реакции
276
Доброго времени суток. Прошу помощи. Поставил сие чудо Для просмотра ссылки Войди или Зарегистрируйся
Обрадовался, все работает, но вдруг заметил что JS скрипты у подгруженных элементов не работают. В консоли видно, что подгружается следующая страница целиком, и скрипты заново не инициализируются.

Сам код подключения следующий
HTML:
<script type="text/javascript">
$(function() {
    var ias = jQuery.ias({
        container : '.products_list', // Основной блок с товарами
        item: '.col-md-3',  // Блок товара
        pagination: '.pagination_cat', // Блок пагинации
        next: 'a.next', // Ссылка на следующюю страницу
    });
   
    //вывод кнопки
    ias.extension(new IASTriggerExtension({    
        html: '<div class="ias-trigger ias-trigger-next" style="text-align: center; cursor: pointer;"><a style="border-bottom:1px dashed; font-size:20px;">показать еще товары</a></div>', // optionally
    }));
   
    //отображение прелоадера
    ias.extension(new IASSpinnerExtension());
   
    //если все товары загружены показываем надпись
    ias.extension(new IASNoneLeftExtension({
        text: 'Загружены все товары.',
    }));
   
    //отображаем пагинацию в URL
    ias.extension(new IASHistoryExtension());
       
});
</script>

Отвечу благодарностью на мороженное/пиво
 
Тут не этот код нужен, а сами скрипты. Они, похоже, у Вас цепляются к дереву, в котором ещё нет новых элементов. Поэтому, для добавленных элементов нет никаких событий

Надо после каждой прогрузки дополнительно развешивать события
 
Переписал полностью, сделал подгрущку контента не всей страницы а отдельного блока, инициализировал заново элементы и все работает.
 
Назад
Сверху