JSFiddle - React, Tailwind, and code Playground

by Hüseyin BABAL

HTML

<script src="http://balupton.github.com/history.js/scripts/bundled/html4+html5/jquery.history.js"></script>
<a href="/delete/1">Delete</a>
<a href="/update/2">Update</a>


<div id="content"></div>

JavaScript

var History = window.History;
if (!History.enabled) {
    return false;
}

History.Adapter.bind(window, 'statechange', function() {
    var State = History.getState();

    $('#content').load(State.url);
});

$('body').on('click', 'a', function(e) {

    var urlPath = $(this).attr('href');
    var Title = $(this).text();
    History.pushState(null, Title, urlPath);
    return false;
});