Erro jQuery Elementor Crocoblock: como corrigir

Tipo Page Builders

Nome do erro Erro de jQuery entre Elementor e Crocoblock EN: jQuery conflict between Elementor and Crocoblock

Severidade Grave

Descrição O erro de jQuery entre Elementor e Crocoblock aparece quando dois scripts carregam versões diferentes de jQuery ou quando o jQuery e adiado, e o console mostra 'jQuery is not defined' ou '$ is not a function'. Os widgets dinamicos do JetEngine, os filtros do JetSmartFilters e os popups do JetPopup param de funcionar.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

// ★ Conteúdo disponível para membros Pro...
// Faça upgrade para acessar este item.

Perguntas frequentes

Por que o erro so aparece no front-end e não no editor do Elementor

Porque o editor carrega os scripts em outra ordem e quase sempre sem o plugin de cache atuando. No front-end o cache adia ou combina o JavaScript, e e ai que o jQuery acaba carregando depois dos scripts do Crocoblock, quebrando os widgets dinamicos.

Como descubro qual plugin esta carregando o jQuery duplicado

Desative todos os plugins menos Elementor e Crocoblock, confirme que o erro sumiu e reative um a um limpando o cache a cada teste. O plugin que faz o erro voltar e o culpado. O arquivo .js citado no console também aponta a pasta do plugin.

Posso simplesmente remover o jQuery Migrate para limpar os avisos

Não sem testar. Addons Crocoblock e temas mais antigos usam funções de jQuery depreciadas que so existem com o Migrate ativo. Remove-lo pode trocar um aviso por uma quebra real de filtros e popups. Atualize os addons antes de cogitar remover o Migrate.

O Delay JavaScript Execution do WP Rocket causa esse erro

Pode causar. Quando o jquery-core e adiado junto com os scripts do JetEngine, eles tentam usar o jQuery antes dele existir. A correção e excluir o jquery, o jquery-migrate e os scripts do Crocoblock da lista de adiamento.

Atualizei o Elementor e os filtros do JetSmartFilters pararam. E o jQuery

Provavelmente e incompatibilidade de versão, não falta de jQuery. Uma versão nova do Elementor pode mudar como os scripts são registrados, e um JetSmartFilters antigo não acompanha. Atualize todos os plugins Crocoblock para a versão compativel com o seu Elementor.

O que significa o erro $ is not a function no console

Significa que o atalho $ não esta apontando para o jQuery naquele ponto do código, geralmente porque outra biblioteca tomou o $ ou porque o jQuery ainda não carregou. Use o wrapper jQuery(function($){ ... }); para garantir que o $ seja o jQuery dentro do seu script.

O Modo de Segurança do Elementor resolve o conflito de jQuery

Ele não corrige, mas diagnostica. O Modo de Segurança carrega a página sem o tema e sem outros plugins. Se o erro sumir nesse modo, o conflito vem de um terceiro plugin ou do tema, e não do Elementor nem do Crocoblock.

Pro Grave

Como corrigir o Happy Addons que não carrega no Elementor

Quando o Happy Addons não carrega, os widgets do plugin somem do painel do editor Elementor, em geral porque foram desativados no Feature Controller, porque a versão do Elementor ficou abaixo da exigida ou porque o cache de assets do editor ficou desatualizado.

Pro Grave

Como corrigir conflito entre Elementor e tema WordPress

O conflito entre Elementor e o tema do WordPress aparece quando o tema sobrescreve estilos do Elementor, nao declara os hooks de conteudo ou limita a largura, deixando o layout quebrado, botoes invisiveis ou o cabecalho e rodape duplicados. A causa quase sempre e um tema que nao foi feito para construtores de pagina.

Pro Grave

Como corrigir Custom Layouts que não aplicam no Astra Pro

Quando os Custom Layouts do Astra não aplicam, um cabeçalho, rodape, hook ou template do Site Builder do Astra Pro fica invisivel em páginas especificas, mesmo salvo. A causa quase sempre esta nas Display Rules: alvo errado em Display On, exclusão em Do Not Display On vencendo, ou outro layout com prioridade maior assumindo o local.

Pro Atenção

Como corrigir o Mega Menu que não exibe submenus no Astra Pro

O Mega Menu do Astra Pro deixa de exibir submenus quando o módulo Nav Menu está inativo, quando o toggle Enable Mega Menu não foi ligado no item pai ou quando os itens de submenu não estão aninhados sob o pai em Aparência -> Menus. Sem submenu aninhado, o Astra não monta as colunas e o menu abre vazio.

Pro Grave

Como corrigir a incompatibilidade entre JetThemeCore e Astra

A incompatibilidade entre JetThemeCore e Astra aparece quando o Theme Builder do Crocoblock não consegue substituir o cabeçalho, o rodape ou o body do Astra, e a página sai com o layout nativo do tema em vez do template criado. O Override theme header, body e footer parece não ter efeito e o template publicado e ignorado no front-end.

Pro Grave

Como corrigir a Options Page que não salva no ACF PRO

A Options Page do ACF PRO que não salva acontece quando você clica em Update e os valores voltam vazios, quase sempre porque a página foi registrada com um post_id diferente do que o get_field lê, a capability barra a gravação ou o field group não tem a location rule de Options Page.

Setores

Extensões

Integrações

Como corrigir o erro de jQuery entre Elementor, Crocoblock e addons

Conteúdo exclusivo para membros Pro

Perguntas frequentes

Itens relacionados

Como corrigir o Happy Addons que não carrega no Elementor

Como corrigir conflito entre Elementor e tema WordPress

Como corrigir Custom Layouts que não aplicam no Astra Pro

Como corrigir o Mega Menu que não exibe submenus no Astra Pro

Como corrigir a incompatibilidade entre JetThemeCore e Astra

Como corrigir a Options Page que não salva no ACF PRO

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos