javascript - ¿Cómo es posible ejecutar múltiples instancias usando Backbone.Paginator.js?

jquery backbone.js

Question

Estoy intentando usar Backbone.Paginator.js para ejecutar más de una aplicación (varias instancias de paginator) en la misma página.

Creé una página de prueba. (Navegue a backbone.paginator/examples/netflix-infinite-paging ).

Dejé el código como está para app.js y creo app2.js , que es un clon de app.js pero todo el código de javascript está ubicado en un archivo y la aplicación ha sido renombrada como app2.

Dos instancias funcionan en la primera carga de la página, pero las solicitudes / actualizaciones posteriores solo cargan los datos de app2.js.

¿Es posible ejecutar múltiples instancias en la misma página?

• Estoy interesado en usar un auto-paginación (desplazamiento infinito / sin fin), así que traté de usar el jQuery Infinite Scroll plugin Paul Irish, pero no puedo hacerlo funcionar.
• Estoy iniciando el complemento para que se ejecute en el documento listo (que no funciona, como se esperaba), pero también ejecutando el código en el ResultView de la aplicación2, que no funciona tan bien.

¿Alguna idea sobre cómo obtener una solución de desplazamiento infinito de paginación automática?

• Me encontré con https://github.com/joneath/infiniScroll.js pero no estoy seguro de cómo integrarlo con Backbone.Paginator.js.
• ¡Todavía estoy aprendiendo y cualquier ayuda sería muy apreciada! :)

ACTUALIZACIÓN: después de más pruebas en diferentes navegadores, parece que el problema podría ser problemas / diferencias de almacenamiento en caché. Por ejemplo, en Safari, funciona algunas veces (al azar) al actualizar la página. No estoy seguro de cómo depurar eso. ¿Algunas ideas?

Answer 1

Preguntas: 1- ¿Incluye también las dependencias jQuery Javascript framework en su base de código? 2- He descargado el archivo zip, lo ejecuté en Xammp localmente y parece ser una demo descargada y no una página de prueba, ¿puede confirmar qué página es la página de prueba del archivo comprimido adjunto a su pregunta? 3- ¿Puedes crear una maqueta (en caso de que haya algún código del lado del servidor) en jsfiddle? 4- El enlace provisto para el plugin de jquery Infinite scroll está roto, debe ser: https://github.com/joneath/infiniScroll.js

Si desea que el plugin jQuery paginator sea independiente, es posible que desee activarlo teniendo en cuenta también el elemento contenedor

....

Desde el enlace sugerido, creo que deberíamos experimentar con esto. De lo contrario, es posible que desee crear una cookie o algo para que el navegador recuerde los cambios en el complemento en varias instancias. Aquí hay algunas ideas.

1 #

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

Cree una instancia de un nuevo objeto InfiniScroll después de que se haya procesado su vista Backbone.

myView = Backbone.View.extend({
initialize: function(){
_.bindAll(this, "render");
this.render();
this.infiniScroll = new Backbone.InfiniScroll(this.collection, {success: this.appendRender});

})};

2 # De un vistazo desde el menú de Opciones

 target: $(window),

Tal vez deberíamos intentar:

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

-o-

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

Solo algunas ideas, no lo he experimentado yo mismo-

3 # Es posible que desee hacer que (1) sea una función de javacript y activarla en función de una clase o en su id. Para inicializar el desplazamiento sobre un contenedor deseado.

Esas son todas las ideas que podría surgir al echar un vistazo muy rápido, pero no dude en responder si ayuda o al menos le da una dirección.

4 # Otro pensamiento es que myView puede ser una variable con una identificación de una marca de tiempo en Javascript, de esa manera usted puede garantizar la exclusividad y, como está llamando a una nueva, podría tener varias instancias del plugin ejecutándose para su vista.