Ejemplo de jQuery & history.js

Tengo problemas para usar history.js con jQuery. Solo quería hacer que un conjunto de navegación funcionara con el botón Atrás (que parece que están funcionando bastante bien). Sin embargo. Cuando hago clic en el botón Atrás, la URL cambia a la antigua (lo que también es bueno y lo que quiero) pero el contenido no se reemplaza como debería.

Para hacer esto un poco más comprensible aquí hay algo de código.

    <ul class="content_links">
        <li><a href="/historyapi/pages/content_page_1.html">Content page 1</a></li>
        <li><a href="/historyapi/pages/content_page_2.html">Content page 2</a></li>
        <li><a href="/historyapi/pages/content_page_3.html">Content page 3</a></li>
        <li><a href="/historyapi/pages/content_page_4.html">Content page 4</a></li>
        <li><a href="/historyapi/pages/content_page_5.html">Content page 5</a></li>
    </ul>
    <div id="content">
        <p>Content within this box is replaced with content from supporting pages using javascript and AJAX.
    </div>

Obviamente, lo que quiero es que el contenido de las páginas se cargue en el contenido, que se realiza de forma agradable y sencilla con .load () y luego quiero que el botón Atrás retroceda si el usuario lo utiliza. En este momento, las URL cambian, pero el contenido del cuadro no cambia. ¿Cómo voy a cambiar o arreglar eso?

Respuestas a la pregunta(2)

Su respuesta a la pregunta