Correção de botão 'carregar mais' no Blogger
15/01/2025 às 19:18Descrição do Projeto:
Preciso arrumar o botão para que funcione normalmente, permitindo que os usuários naveguem no blog sem problemas.
Nome do erro: Nenhum post foi encontrado para adicionar.
O bloco de código que apresenta o problema, caso seja necessário acionar outra pessoa para verificar:
document.addEventListener('DOMContentLoaded', function () {
const loadMoreLink = document.querySelector('#load-more-link');
const blogPager = document.querySelector('#blog-pager');
const loader = blogPager.querySelector('.loading');
const noMorePosts = blogPager.querySelector('.no-more');
if (!loadMoreLink || !blogPager) return;
loadMoreLink.addEventListener('click', function (event) {
event.preventDefault(); // Prevenir redirecionamento padrão
const nextPageUrl = loadMoreLink.getAttribute('data-load');
if (!nextPageUrl) {
noMorePosts.classList.add('show');
return;
}
// Mostrar o loader
loader.style.display = 'inline-block';
fetch(nextPageUrl)
.then(response => response.text())
.then(html => {
const parser = new DOMParser();
const doc = parser.parseFromString(html, 'text/html');
const newGridPosts = doc.querySelector('.grid-posts'); // Alterado para '.grid-posts'
const newPager = doc.querySelector('.blog-pager');
// Inspecionando o conteúdo de newGridPosts e seus filhos
console.log('Novas postagens:', newGridPosts);
console.log('Filhos de novas postagens:', newGridPosts ? newGridPosts.children : 'Nenhum elemento encontrado');
if (newGridPosts && newGridPosts.children.length > 0) {
const gridPostsContainer = document.querySelector('.grid-posts'); // Alterado para '.grid-posts'
// Agora estamos apenas adicionando os filhos que têm a classe 'blog-post'
Array.from(newGridPosts.children).forEach(post => {
if (post.classList.contains('blog-post')) {
gridPostsContainer.appendChild(post); // Adicionando apenas posts
}
});
} else {
console.error('Nenhum post foi encontrado para adicionar.');
}
if (newPager) {
// Atualizar o pager com o próximo conjunto de links
blogPager.innerHTML = newPager.innerHTML;
} else {
// Se não houver mais páginas
noMorePosts.classList.add('show');
}
})
.catch(error => {
console.error('Erro ao carregar mais postagens:', error);
})
.finally(() => {
// Ocultar o loader
loader.style.display = 'none';
});
});
});
Habilidades desejadas:
Arquivos anexados:
Entre ou Cadastre-se para ver os arquivos anexados.
Atividades do cliente nesse projeto:
Última visualização: 15/01/2025 às 19:18
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Desenvolvimento Web |
| Orçamento: | Aberto |
| Nível de experiência: | Intermediário |
| Visibilidade: | Público |
| Propostas: | 12 |
| Interessados: | 13 |
| Tempo restante: | |
| Valor Mínimo: | R$ 50,00 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
Desenvolvimento de novo site - Olá! Preciso de ajuda para desenvolver um site, parecido com este exemplo: https://brightnshinepetdental.us/savannah/hilton-head-pet-dental-cleaning/ Obrigada!
Criar landing page para segmento de saúde - Assunto: Solicitação de orçamento para criação de landing page para o segmento de saúde. Olá, tudo bem, Pablo? Estou buscando um profissional para...
Desenvolver plataforma para controle de imóveis - Quero alguém para desenvolver uma plataforma para controle de custos de imóveis. Nessa plataforma, deve haver uma opção semelhante ao app SplitWise para dividir os custo...
Desenvolvimento de blog de cifras de samba e pagode - Estamos buscando um desenvolvedor para criar um esqueleto de blog focado em cifras de samba e pagode para cavaquinho e violão. O objetivo é ter uma plataforma funcional e fácil...
Desenvolvimento de aplicação para área de saúde - Estou buscando um profissional que possa realizar o desenvolvimento de uma aplicação para a área de saúde contendo: • Formulário web: o usuário inser...
