<a href="#1" class="navclick" data-content="1">1</a>
<a href="#2" class="navclick" data-content="2">2</a>
<a href="#3" class="navclick" data-content="3">3</a>

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

$(window).on("popstate", function(e) {
  alert("Pressed back or forward");
});