2012-07-01 27 views
38

Estoy tratando de usar Backbone.Paginator.js para ejecutar más de una aplicación (varias instancias de paginador) en la misma página.¿Cómo es posible ejecutar varias instancias usando Backbone.Paginator.js?

I created a test page. (Navegue a backbone.paginator/examples/netflix-infinite-paging).

que abandonaron el código como es para app.js y crear app2.js, que es un clon de app.js pero todo el código JavaScript se encuentra en un archivo y la aplicación ha sido renombrado a 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 varias instancias en la misma página?

  • Estoy interesado en el uso de un auto-paginación (infinita/desplazamiento sin fin) de manera He intentado utilizar Paul irlandesa de jQuery Infinite Scroll plugin pero Soy incapaz de conseguir que funcione.
  • Estoy iniciando el complemento para ejecutar en documento listo (que no funciona como , como se esperaba), pero también ejecutando el código en la aplicación ResultView, que no funciona tan bien.

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


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

+2

debe poner su página de prueba en jsFiddle –

+2

Para verificar si el problema es realmente un problema de almacenamiento en caché, intente anexar una consulta GET a sus nombres de archivo JavaScript. Esto le dirá al navegador que es un archivo diferente, aunque el lado del servidor del archivo no habrá cambiado. '' – Kelvin

+0

También puede desactivar el almacenamiento en caché en Chrome abriendo la barra de herramientas del desarrollador, haciendo clic en el icono de engranajes y deshabilitando la caché. http://stackoverflow.com/questions/5690269/disabling-chrome-cache-for-website-development – mickeyreiss

Respuesta

1

Preguntas: 1- ¿Está incluyendo las dependencias jQuery Javascript framework también 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 proporcionado por el Infinito plugin de jQuery desplazamiento se rompe, debe ser: https://github.com/joneath/infiniScroll.js

Si desea hacer el paginador plugin de jQuery para ser independientes, es posible que desee considerar que desencadenar el elemento contenedor, así

....

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**) 

una instancia de un nuevo objeto InfiniScroll después de su vista Backbone ha sido prestado.

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 en el menú Opciones

  target: $(window), 

tal vez deberíamos tratar:

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

-o-

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

sólo algunas ideas, no han 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 lo ayuda o al menos le da una dirección.

4 # Otro pensamiento es que myView puede ser una variable con una identificación de fecha y hora en Javascript, de esa manera usted puede garantizar la singularidad y como llama a una nueva, puede tener varias instancias del complemento para su visualización.

Cuestiones relacionadas