JQuery Scrollable Блокировка после динамического обновления

Question

Итак, я поигрался с плагином JQuery под названием Scrollable . Я впечатлен тем, как легко было встать и уйти, но теперь я наткнулся на ограничитель шоу и надеюсь, что вы, ребята, сможете помочь.

Мой прокручиваемый div содержит набор значков, которые «представлены» в определенной категории. Если категория изменяется, я использую JQuery, чтобы очистить раздел «Рекомендуемые элементы», рассчитать количество элементов и заполнить их по мере необходимости. Я все очищаю, потому что в случае 0 я ничего не записываю в div и содержимое на моей странице корректируется.

Моя проблема заключалась в том, что после одного из этих действий прокрутка перестала работать. Я пытался позвонить

$("#scroller").scrollable({
    circular: false
});

после каждого обновления, но это, похоже, не решает проблему. Я знаком с другими инструментами JQuery, использующими команду типа «обновить», которая перезагружает контент. Есть ли что-то похожее с этим плагином? Любые идеи о том, что я должен делать вместо этого?

Спасибо!

Answer 1

В итоге я переписал страницу, чтобы никогда не удалять прокручиваемый div из DOM. После этого я использовал этот рабочий процесс ...

Прокрутите до первого элемента. Если пользователь был на странице 5, а у того, что он выбрал, всего 3 страницы, он застрянет на пустой странице, если вы не прокрутите назад.
window.api.seekTo(0, 0);
Очистите раздел "items".
$(".items").empty();
Используйте метод addItem, чтобы добавить мои элементы обратно.
window.api.addItem(htmlToAdd);

Кажется, это работает намного лучше.

Answer 2

В Scrollable есть функция, Scrollable.addItem, которая позволяет вам динамически добавлять элементы.