Как использовать PJAX? Нет такого четкого руководства по сети о pjax

Я использовал JQuery AJAX для загрузки контента, но я также хотел изменить URL-адрес, я использовал pushState, но не смог использовать popState для включения истории. Теперь я узнал о PJAX, который работает аналогично AJAX, а также обрабатывает изменение URL-адресов, и я не смог найти хороший учебник о том, как его использовать, ниже мой код, у меня есть панель навигации, которая загружает контент в # Аякс-контент.

HTML

 <ul class="tabs-ul">
    <li id="feedLi" class="current-tab"><a class="current-tab" href="feed.jsp" data-pjax='#ajax-content'>Feed</a></li>
    <li id="aboutLi"><a href="aboutme.jsp" data-pjax='#ajax-content'>Info</a></li>
    <li id="messageLi"><a href="Message.jsp" data-pjax='#ajax-content'>Message</a></li>
</ul> 

<div id="ajax-content">

</div>

JS

<script type="text/javascript" src="./js/jquery.pjax.js"></script>
$(document).pjax('a[data-pjax]');