Jump to content
VCastilho

Erro Javascript no console

Recommended Posts

Esta aparecendo um erro no console do meu site com a seguinte mensagem:

Uncaught TypeError: Cannot read property 'top' of undefined
 at HTMLDocument.<anonymous>

Segue o código com erro:

 

jQuery(document).ready(function( $ ) {

	var  mn = $(".sticky-main-nav");
	var  bsf = $(".below-sticky-frame");
	mns = "main-nav-scrolled";
	bsfp= "below-sticky-frame-position";
	hdsticky = $('.fusion-header').height();

	if($('#wpadminbar')){
		admin = $('#wpadminbar').height();
		hdsticky = hdsticky + admin;
	}

	var bottom = $('.sticky-main-nav').offset().top;
	$(window).scroll(function(){
	    if ($(this).scrollTop() > bottom && $( window ).width() > 700){
	        mn.addClass(mns);
	        bsf.addClass(bsfp);
	        mn.css({'top': + hdsticky});
	    }
	    else{
	        mn.removeClass(mns);
	        bsf.removeClass(bsfp);
	    }
	});

});

Poderiam me ajudar?

Share this post


Link to post
Share on other sites

Ali na primeira linha...

 

jQuery(document).ready(function( $ ) {

O .ready executa a função sem passar o argumento $. Então ele deve estar utilizando o método $ global na página, em alguns casos, como o chrome, é implementado um buscador parecido com a jQuery, que faz a busca sobre os elementos da páginas mas não retorna a mesma coisa, retorna um objeto HTMLDocument (aquele encontrado na mensagem de erro). Recomendo você fazer algo parecido com isto:

(function ($) {
  $(document).ready(function() {
    // ... aqui de fato vem a implementação
  }
})(jQuery);

Veja que você cria uma função anônima que recebe como argumento o $ e instantaneamente executa essa função passando como parâmetro a jQuery, que a partir de agora passa a ser o $. Existem outras abordagens que a própria jquery recomenda. Leia a documentação ;-)

 

Qualquer coisa, grita!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By luigiferrari
      Criei um Form para fazer Cadastro, sempre que o usuário clica no botão para cadastrar é enviado um e-mail para o ADM.
      O meu problema é o seguinte, quando tem algum campo não preenchido e o usuário clica em cadastrar, o email é enviado e só depois o alert do campo obrigatório aparece.
      Gostaria de um JS que desativa o botão cadastrar até todos os campos estarem preenchidos corretamente.
      E também que quando a pessoa clicasse no Botão cadastrar, ele iria desativar novamente, para evitar o usuário de clicar mais de uma vez e acabar enviando mais emails...
       
      Segue o meu form...
       
    • By penelopevitoria_
      Pessoal,
       
      estou com muitos problemas de layout em minhas páginas AMP. O que rola é que vários elementos estão saindo compridos ou esticados. Enfim, o AMP estraga coisas como formulário também. Vocês sabem se existe uma maneira massiva de corrigir esses problemas pelo plugin? Tenho muitas páginas com o layout comprometido e não achei nada na internet que me ajudasse a corrigir. 
       
      Aguardo retorno :D
    • By Chead
      Galera, aos trancos e barrancos consegui criar um formulário que seleciona o valor de um ingresso de acordo com a empresa que é associada.
      Para isso, ele seleciona no campo droplist "É associado?" e é retornado para ele mu droplist com o preço.
       
      Se não for associado retorna outro preço.
       
      Basicamente isso.
       
      Após isso, quando o formulário é enviado, ele vai diretamente para a página de pagamento(abrindo uma nova janela), e os dados da pessoa chega por email para mim.
       
      Até aí ok. Agora vai o problema:
       
      Gostaria de alterar parar ele ser redirecionado e não abrir uma nova janela.
      Meu código está aqui no github:
      https://gist.github.com/LucasMorato/6e6ac480aeebf3ba5f011e93ffadd3c7
       
      Sou novo no mundo do javascript, estou fazendo um curso mas por enquanto ainda estou no modulo básico(se deus quiser até o fim do ano estou no avançado hehe).
       
      Podem me ajudar? Desde já agradeço. 
    • By Genis Francisco Xavier
      boa tarde, Existe herança múltipla no java?
    • By devfelipemonteiro
      tegcommerce - plataforma de e-commerce open source
      https://tegcommerce.org
      https://github.com/tegcommerce
      https://t.me/tegcommerce
       
      objetivo
      do brasil para o mundo a maior plataforma de e-commerce open source
       
      skills necessários
      qualquer contribuição é bem vinda
       
      acesse nosso grupo do telegram: https://t.me/tegcommerce
       
      projetos similares
      wordpress e woocommerce
      drupal
      joomla
      magento

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.