如何使用Backbone.Paginator.js运行多个实例？

Question

我试图使用Backbone.Paginator.js在同一个页面上运行多个应用程序(多个分页器实例)。

I created a test page. (导航到backbone.paginator/examples/netflix-infinite-paging)。

我保留了app.js和create app2.js的代码，这是app.js的一个克隆，但是所有的javascript代码都位于一个文件中，应用程序已被重命名为app2。

两个实例工作在页面的第一次加载上，但随后的请求/刷新只加载app2.js的数据。

可以在同一个页面上运行多个实例吗？

• 我对使用自动分页(无限/无限滚动)感兴趣，所以我尝试使用Paul爱尔兰的jQuery Infinite Scroll plugin，但我无法让它工作。
• 我正在启动这个插件，以便在document上运行(这并不像预期的那样)，但也运行在app2的ResultView中的代码，它也不起作用。

对于如何获得自动分页无限滚动解决方案有什么想法吗？

• 我遇到了https://github.com/joneath/infiniScroll.js，但我不知道如何将它与Backbone.Paginator.js集成。
• 我仍在学习，如有任何帮助，将不胜感激！)

更新:在对不同浏览器进行进一步测试之后，问题似乎是缓存问题/差异。例如，在Safari中，当刷新页面时，它有时(随机)工作。我不知道如何调试它。有什么想法吗？

Answer 1

问题: 1-您是否将jQuery Javascript框架依赖项也包括在代码库中? 2-我已经下载了zip文件，在Xammp本地运行了它，它似乎是一个下载的演示程序，而不是测试页，您能确认哪个页面是您的测试页面吗? 3- -您能在jsfiddle中创建一个模型(如果有服务器端代码)吗? 4-为Infinite插件提供的链接被破坏了，它应该是：https://github.com/joneath/infiniScroll.js。

如果您想要使jQuery分页插件独立，那么考虑到容器元素，您可能希望触发它。

……

从建议的链接来看，我认为我们应该尝试这一点。否则，您可能希望为浏览器创建一个cookie或其他东西，以记住对多个实例上插件的更改。这里有一些想法吗？

1#

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

在呈现主干视图之后实例化一个新的InfiniScroll对象。

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'),

-或者-

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

只是一些想法，还没有亲自试验过-

3#您可能希望(1)成为javacript函数，并根据类或它的id来触发它，以初始化所需容器上的滚动。

这就是我想出的所有想法，我可以快速地看一看，但如果它有帮助，或者至少给出了一些方向，我可以自由地回答。

4#的另一个想法是，在Javascript中，myView可以是一个带有时间戳id的变量，这样您就可以确保惟一性，并且由于您正在调用new，所以您可以为您的视图运行几个插件实例。