Correção de botão 'carregar mais' no Blogger
hoje à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: hoje às 19:18
Tem dúvidas? Faça uma pergunta.
ou
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Desenvolvimento Web |
| Orçamento: | Aberto |
| Nível de experiência: | Intermediário |
| Visibilidade: | Público |
| Propostas: | 7 |
| Interessados: | 7 |
| 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
Formulário de contato em PHP com integração ao Outlook, Pipefy e GSheet - Tenho hoje um formulário web de agendamento de consultoria que não está integrado com nada (vide anexo). Preciso recriar esse formulário, fazendo com que as opç&...
Site para empresa de higienização de estofados - Um site estilo landing page com um vídeo de limpeza ao fundo e uma chamada para ação para chamar no WhatsApp e outra para solicitar o contato da nossa equipe, caso prefira... ...
Criação de site profissional para imobiliária - Criação de site profissional para imobiliária, focado na venda de imóveis. O site deverá ser alimentado com fotos diariamente.
Criar área de busca para site de vídeos - Preciso de alguém que consiga criar um site similar a este, onde seja possível pesquisar palavras e encontrar vídeos. https://youglish.com/pronounce/pronounce/english Quero u...
Criação de site WordPress - Olá! Desejo criar um site na linguagem WordPress, onde eu consiga atualizar os banners e informações sozinho depois.
