Javascript Menu dropdown só funciona uma vez

[DiegoRLS]

Eu estou criando um blog e como não tenho muito conhecimento na área de programação peguei um template pronto apenas para modificar, mas notei apenas um problema nele que não consigo resolver, um menu dropdown que só funciona uma vez, ou seja, ao abrir o site a primeira vez e passar o mouse sobre o dropdown ele funciona, mas ao passar outra vez já não funciona mais, já fiz o teste em diferente navegadores e o erro acontece em todos. Como eu disse tenho pouco conhecimento, então não quis ficar mexendo no código para não correr o risco de estragar algo.

 

Vou deixar aqui a parte em HTML do menu, uma função em JavaScript que acredito ser do dropdown mas não tenho certeza e o erro que consegui ver pelo console do Chrome, esse erro acontece na primeira vez que se passa o mouse sobre o menu. Caso queiram mais parte do código só falar que eu procuro e posto aqui, e caso querem acessar o site para ver o erro é www.skypoint.com.br.

 

Quem poder dar uma ajuda para ver se o problema tem solução agradeço.

<!-- ESTRUTURA HTML -->

<li><a href='#'>Categorias</a>
  <ul class='sub-menu'>
    <li><a href='#'>Geral</a></li>
    <li><a href='#'>Performance</a></li>
    <li><a href='#'>Segurança</a></li>
    <li><a href='#'>Técnico</a></li>
  </ul>
</li>

//FUNÇÃO JAVASCRIPT DO DROPDOWN (?)

(function ($) {
    $.fn.mobileMenu = function (b) {
        var c = {
                defaultText: "Navigate to...",
                className: "select-menu",
                subMenuClass: "sub-menu",
                subMenuDash: "–"
            },
            settings = $.extend(c, b),
            el = $(this);
        this.each(function () {
            el.find("ul").addClass(settings.subMenuClass);
            $("<select />", {
                "class": settings.className,
                "title": settings.defaultText
            }).insertAfter(el);
            $("<option />", {
                "value": "#",
                "text": settings.defaultText
            }).appendTo("." + settings.className);
            el.find("a").each(function () {
                var a = $(this),
                    optText = "&nbsp;" + a.text(),
                    optSub = a.parents("." + settings.subMenuClass),
                    len = optSub.length,
                    dash;
                if (a.parents("ul").hasClass(settings.subMenuClass)) {
                    dash = Array(len + 1).join(settings.subMenuDash);
                    optText = dash + optText
                }
                $("<option />", {
                    "value": this.href,
                    "html": optText,
                    "selected": this.href == window.location.href
                }).appendTo("." + settings.className)
            });
            $("." + settings.className).change(function () {
                var a = $(this).val();
                if (a !== "#") window.location.href = $(this).val()
            })
        });
        return this
    }
})(jQuery);

//ERRO NA CONSOLE DO CHROME

VM221:1491 Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a function
    at Object.swing (VM221:1491)
    at init.run (jquery.min.js:2)
    at a (jquery.min.js:2)
    at Function.v.fx.timer (jquery.min.js:2)
    at Kn (jquery.min.js:2)
    at HTMLUListElement.o (jquery.min.js:2)
    at Function.dequeue (jquery.min.js:2)
    at HTMLUListElement.<anonymous> (jquery.min.js:2)
    at Function.each (jquery.min.js:2)
    at init.each (jquery.min.js:2)

 

[joseph_dev]

Cadê o conteúdo da tag head? Será que não está faltando importar o arquivo jquery ou algum arquivo js desse framework?

Posta essa página inteira aí. Com o html e javascript.

[DiegoRLS]

Opa, estava muito pesado para inserir o código na postagem... então salvei esse arquivo no Notepad++, segue o código completo.

 

 

CodigoFonte.zip

[joseph_dev]

Cara, esse código foi todo copiado e colado?

[DiegoRLS]

Na plataforma do blogger não, na plataformar do blogger você baixa um template e ele vem um arquixo .xml ai quando você faz o upload pra plataforma o blogger lê o arquivo e aplica o template.

 

A customização do template não precisa ser feita no código fonte, tem a ferramenta propria pra customizar. Mas, tem a opção de editar o HTML do template caso queira.

 

O que eu fiz foi pegar o HTML da página e colar no arquivo.

[Adriano_web]

@DiegoRLS Sua pergunta foi respondida em https://stackoverflow.com/questions/11533168/jquery-easingjquery-easing-def-is-not-a-function

[DiegoRLS]

53 minutos atrás, Adriano_web disse:

@DiegoRLS Sua pergunta foi respondida em https://stackoverflow.com/questions/11533168/jquery-easingjquery-easing-def-is-not-a-function

 

Muito obrigado @Adriano_web, era isso mesmo.

 

Só adicionei a linha: 

$(document).ready(function() {

e funcionou.

 

Valeu pela ajuda!

[Adriano_web]

@DiegoRLS Você pode dar como tópico resolvido em minha resposta. Fico feliz por tê-lo ajudado