jquery ajax deep-linking jquery-address

jquery address como lo usas?



ajax deep-linking (4)

Estoy tratando de entender cómo usar el complemento de dirección jQuery para manejar la vinculación profunda con ajax.

Pero la documentación es muy pobre y no puedo encontrar buenos tutoriales que expliquen lo que está sucediendo.

Creo que una buena documentación con buenos ejemplos es importante con cada complemento.

¿Podría alguien explicar o dar algunos enlaces útiles para la explicación?

$.address.change(function(event) { // do something depending on the event.value property, e.g. // $(''#content'').load(event.value + ''.xml''); }); $(''a'').click(function() { $.address.value($(this).attr(''href'')); });

Quiero decir, ¿qué hace $.address.value ? Dice "Proporciona el valor de enlace profundo actual". ¿Qué se supone que significa eso? ¿Y qué hace con eso?


El complemento parece tener documentación moderada, pero si buscas algo más profundo que haga el mismo tipo de cosas, vería jQuery BBQ: http://benalman.com/projects/jquery-bbq-plugin/

La implementación de $ .param se está poniendo en jQuery 1.4 y su implementación de deparam es actualmente lo único que lee ese nuevo formato. Además, la documentación es genial.



También estoy descubriendo cómo usar la dirección y la oportunidad de Jquery en este sitio web que lo utiliza para completar su sitio de paralaje.

Url: http://www.goodstuph.org/#/home

Espero que esta ayuda de alguna manera.


Una guía rápida: la mayor advertencia de usar AJAX es que la URL no cambia, por lo que el botón de retroceso no funciona + los enlaces no se rastrean. La solución para esto es usar el ancla de la sección de la página en la URL, el signo #. En función de los datos después del hashsign, puede utilizar AJAX, cargar partes de página rastreables, etc.

El único problema con esto es que la mayoría de los navegadores no tienen un evento de cambio de URL, según el cual se puede cargar el contenido de AJAX, por lo que prácticamente lo que está haciendo el complemento es que de vez en cuando supervisa la URL y, si se modifica, se activa. un evento basado en los parámetros after-hash-sign. Así que básicamente lo que haces aquí es

$(''a'').click(function() { **//change the after-hash-sign-params to the value of the clicked link** $.address.value($(this).attr(''href'')); }); $.address.change(function(event) { **//define an event handler based on the params...** if (event.value = ''sortbyname'') sortstuffbyname() else if (event.value =''sortbysomethingelse'') sortstuffbysomethingelse(); // do something depending on the event.value property, e.g. // $(''#content'').load(event.value + ''.xml''); });

Nunca probé el otro plugin, pero los principios de funcionamiento son probablemente los mismos.