Получение истории.js для работы без загруженных страниц Ajax

Question

Я не знаю, почему это не работает, и я все пробовал.

Большинство учебных руководств в Интернете используют Ajax, которого я не знаю, и я пробовал адаптировать его, но я не могу заставить работать. Я использую URL-адреса bang, и весь контент загружается на индексной странице, он просто отображается и скрывается динамически. Я мог бы использовать некоторую помощь, чтобы история работала.

Вот мой сценарий ...

History.Adapter.bind(window, 'statechange', handleStateChange); 
$('nav a').on('click',function(e) { 
    var target = $(this).attr('href'); 

    History.pushState(null, null, target); 
}); 

function handleStateChange() { 
    alert("State changed..."); 
} 

Если бы я мог просто получить предупреждение, чтобы случиться, я могу идти оттуда, но бдительные никогда не срабатывает, и я не знаю, почему.

Answer 1

Просто определите функцию перед связыванием события, таким образом:

function handleStateChange() { 
    alert("State changed..."); 
} 
History.Adapter.bind(window, 'statechange', handleStateChange); 
$('nav a').on('click',function(e) { 
    var target = $(this).attr('href'); 

    History.pushState(null, null, target); 
}); 

Или намного лучше, так как я обычно делаю, определить функцию внутри привязки, если, конечно, вам не нужен используйте эту же функцию позже в скрипте.

History.Adapter.bind(window, 'statechange', function() { 
    alert("State changed..."); 
}); 

$('nav a').on('click',function(e) { 
    var target = $(this).attr('href'); 

    History.pushState(null, null, target); 
}); 

Answer 2

я думаю, что «$ („нав а“)» опечатка в коде вы в курсе, он должен быть:

.... 
$('#nav a').on('click',function(e) { 
var target = $(this).attr('href'); 
.... 

В этом FIDDLE я предполагаю, что вы хотите использовать tag div с «nav» как атрибут id и некоторые ссылки внутри него Надеюсь, это поможет.