Introducing Ocelot, the elegant way to make your sites quick, simple and beautiful using PJAX. Ocelot only updates the content of a specified element using AJAX but is designed with beautiful transitions and standard browser navigation in mind.
- Get started in two lines of code.
- Use transition animations, or don't.
- Get rid of hash navigation.
A formal example is in the works. For now, here is how to make every single anchor a PJAX link.
let ocelot = new Ocelot.Pjax("content");
ocelot.all();
Congratulatons, your entire site is now completely PJAX-able.
Spice things up a bit with a fade:
ocelot.fadeAll();
Visit the legacy example site for a brief overview of what PJAX is and why it's awesome. A more interesting example will come soon.
This is PjaxIt evolved to make the process even easier. It's cleaner, more modern and contains built in functions to get you up and running faster than ever.
Legacy PjaxIt is still available if you want higher flexibility but will no longer be maintained.