Bom dia,
alguém pode me ajudar com uma situação?
estou utilizando um script pra fazer o carregamento assíncrono do site.
var links = document.querySelectorAll('a');
function handleClick(event) {
event.preventDefault();
fetchPage(event.target.href);
window.history.pushState(null, null, event.target.href);
window.scrollTo(0, 0);
}
async function fetchPage(url) {
document.querySelector('.content');
var pageResponse = await fetch(url);
var pageText = await pageResponse.text();
replaceContent(pageText);
}
function replaceContent(newText) {
var newHtml = document.createElement('div');
newHtml.innerHTML = newText;
var oldContent = document.querySelector('.content');
var newContent = newHtml.querySelector('.content');
oldContent.innerHTML = newContent.innerHTML;
document.title = newHtml.querySelector('title').innerText;
}
window.addEventListener('popstate', () => {
fetchPage(window.location.href);
})
links.forEach(link => {
link.addEventListener('click', handleClick);
})
O problema em questão é que, o conteúdo da pagina que é carregado dentro da div content não funciona corretamente
os scripts em javascript não são executados;
os links de navegação da pagina não funcionam de maneira assincrona, diferente dos links de navegação do menu