Как можно запускать несколько экземпляров с помощью Backbone.Paginator.js?

Я пытаюсь использовать Backbone.Paginator.js для запуска более одного приложения (несколько экземпляров paginator) на одной странице.

Я создал тестовую страницу. (Перейдите к backbone.paginator/examples/netflix-infinite-paging).

Я оставил код как есть для app.js и создал app2.js, который является клоном app.js, но весь код javascript находится в одном файле, и приложение было переименовано в app2.

Два экземпляра работают с первой загрузкой страницы, но последующие запросы/обновления загружают только данные app2.js.

Возможно ли запустить несколько экземпляров на одной странице?

  • Мне интересно использовать авто-пейджинг (бесконечный/бесконечный свиток), поэтому Я попытался использовать Paul Irish jQuery Infinite Scroll plugin, но Я не могу заставить его работать.
  • Я запускаю плагин для работы над готовым документом (который не работа, как и ожидалось), но и запуск кода в app2's ResultView, который также не работает.

Любые идеи о том, как получить бесконечное прокрутки с автоматическим поиском?

  • Я столкнулся с https://github.com/joneath/infiniScroll.js, но я не как интегрировать его с Backbone.Paginator.js.
  • Я все еще учусь, и любая помощь будет принята с благодарностью!:)

ОБНОВЛЕНИЕ:. После дальнейшего тестирования в разных браузерах кажется, что проблема может заключаться в проблеме кеширования/различиях. Например, в Safari он иногда работает (случайно) при обновлении страницы. Я не уверен, как отладить это. Любые идеи?

Ответы

Ответ 1

Вопросы: 1- Вы включаете в себя зависимости jQuery Javascript, а также в своей кодовой базе? 2- Я загрузил zip файл, запустил его на Xammp локально и, похоже, загруженную демо-версию не тестовую страницу, можете ли вы подтвердить, какая страница является вашей тестовой страницей из сжатого файла, прикрепленного к вашему вопросу? 3- Можете ли вы создать макет (в случае возникновения какого-либо кода на стороне сервера) в jsfiddle? 4- Ссылка, предоставленная для плагина jinquery с бесконечным прокруткой, сломана, она должна быть: https://github.com/joneath/infiniScroll.js

Если вы хотите, чтобы плагин paginator jQuery был независимым, вам может потребоваться вызвать его с учетом элемента контейнера.

....

Из предложенной ссылки я думаю, что мы должны поэкспериментировать с этим. Кроме того, вы можете захотеть создать куки файл или что-то в этом браузере, чтобы запомнить изменения в плагине на нескольких экземплярах. Вот некоторые мысли?

1 #

          Backbone.InfiniScroll(collection, **options**)

Создайте экземпляр нового объекта InfiniScroll после визуализации представления Backbone.

myView = Backbone.View.extend({
  initialize: function(){
    _.bindAll(this, "render");

this.render();
this.infiniScroll = new Backbone.InfiniScroll(this.collection, {success: this.appendRender});

} )};

2 # С первого взгляда в меню "Параметры" 

            target: $(window),

Возможно, нам стоит попробовать:

  $(body).find('#container1'),

-or-

 $(window).children('div').hasClass('container'),

Просто некоторые идеи, сами не экспериментировали -

3 # Возможно, вы захотите сделать (1) функцией javacript и запустить ее на основе класса или его идентификатора для инициализации прокрутки над нужным контейнером.

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

4 # Еще одна мысль состоит в том, что myView может быть переменной с идентификатором метки времени в Javascript, таким образом вы можете обеспечить уникальность и, поскольку вы вызываете новое, тогда у вас может быть несколько экземпляров плагина, запускаемого для вашего представления.