Error TypeError: $(...).animate is not a function

[saulrayados]

Hola, estoy creando un menú responsive de la pagina FalconMasters pero al intentar desplegar el menú móvil aparece el error TypeError: $(...).animate is not a function en el archivo Javascript
El código Javascript es:

Código Javascript:

$(document).ready(main);
 
var contador = 1;
 
function main () {
    $('.menu_bar').click(function(){
        if (contador == 1) {
      $('nav').animate({
                left: '0'
            });
            contador = 0;
        } else {
            contador = 1;
            $('nav').animate({
                left: '-100%'
            });
        };
    });
 
    // Mostramos y ocultamos submenus
    $('.submenu').click(function(){
        $(this).children('.children').slideToggle();
    });
};
 

[Panino5001]

Puede haber varios problemas, pero a priori parece que no tienes definida la variable contador. Un ejemplo:

Código:

<script>
function test(){
	alert(contador);//undefined
}
test();
var contador=1;
</script>

Eso devuelve undefined, ya que la variable global es definida luego la invocación de la función.
En cambio esto funciona como se espera:

Código:

<script>
var contador=1;
function test(){
	alert(contador);//1
}
test();
</script>

Incluso esto funciona debidamente:

Código:

<script>
function test(){
	alert(contador);//1
}
var contador=1;
test();
</script>

Porque la variable se define antes de la invocación.

[tuadmin]

Iniciado por saulrayados

Hola, estoy creando un menú responsive de la pagina FalconMasters pero al intentar desplegar el menú móvil aparece el error TypeError: $(...).animate is not a function en el archivo Javascript
El código Javascript es:

El mismo error te lo dice,
TypeError: $(...).animate is not a function


por el simbolo de dolar y la funcion animate, dedusco que se trata de JQUERY, ten en cuenta que en algunas versiones no esta habilitado las funciones para animacion, pero si estas seguro que tu version de JQuery lo esta, en ese caso el error esta en que el elemento con TAG NAV no existe $('nav')

prueba poniendo un alert

Código Javascript:

$(document).ready(main);
 
var contador = 1;
 
function main () {
    $('.menu_bar').click(function(){
        if (contador == 1) {
alert($('nav'));
      $('nav').animate({
                left: '0'
            });
            contador = 0;
        } else {
            contador = 1;
alert($('nav'));
            $('nav').animate({
                left: '-100%'
            });
        };
    });
 
    // Mostramos y ocultamos submenus
    $('.submenu').click(function(){
        $(this).children('.children').slideToggle();
    });
};
 

si muestra NULL o UNDEFINED entonces el elemento no existe

[saulrayados]

Iniciado por tuadmin

El mismo error te lo dice,
TypeError: $(...).animate is not a function


por el simbolo de dolar y la funcion animate, dedusco que se trata de JQUERY, ten en cuenta que en algunas versiones no esta habilitado las funciones para animacion, pero si estas seguro que tu version de JQuery lo esta, en ese caso el error esta en que el elemento con TAG NAV no existe $('nav')

prueba poniendo un alert

Código Javascript:

$(document).ready(main);
 
var contador = 1;
 
function main () {
    $('.menu_bar').click(function(){
        if (contador == 1) {
alert($('nav'));
      $('nav').animate({
                left: '0'
            });
            contador = 0;
        } else {
            contador = 1;
alert($('nav'));
            $('nav').animate({
                left: '-100%'
            });
        };
    });
 
    // Mostramos y ocultamos submenus
    $('.submenu').click(function(){
        $(this).children('.children').slideToggle();
    });
};
 

si muestra NULL o UNDEFINED entonces el elemento no existe

aparece [object Object] al abrir el menu en modo movil

[ArturoGallegos]

Si has declarado $ ??

En tu código falta esa declaración, tendrías que haber puesto

Código Javascript:

var $j = jQuery.noConflict();
 
$j(function($){
    // aqui todo tu codigo jQuery que usa $
 });
 

Si no quieres hacer esa declaración previa puedes escribir literalmente jQuery en lugar del $