jQuery Klick-Funktion wird beim Laden der Seite ausgelöst

Question

Ich habe versucht, dies herauszufinden und auf Google gesucht, aber ich weiß nicht, was das Problem ist, die Klick-Funktion feuert immer auf Seite laden. Bitte erläutern Sie das Problem und wie Sie es beheben können. Vielen Dank.

$(document).ready(function(){ 

    $('.menu-icon').click(function(){ 
     $('.menu-nav').animate({ 
      height: 'toggle' 
      }, 200 
     ); 
    }); 
}); 

Answer 1

Sein nicht beim Laden der Seite schießen. Es hat mit Ihrem css und nicht mit JavaScript-Code zu tun. Javascript funktioniert wie erwartet. Sie müssen das Menü ausgeblendet einstellen, wenn die Seite zum ersten Mal geladen wird. Bitte beachten Sie diese

https://jsfiddle.net/vatsalpande/zmoko9yk/1/

hinzufügen

display:none to .menu-nav 

Hoffnung, das hilft.

Glückliches Lernen

Vatsal

Answer 2

Versuchen Sie es mit einem auf Click-Ereignisse wie dies zu tun:

$(document).on('click', '.menu-icon', function(){ 
    $('.menu-nav').animate({ 
    height: 'toggle' 
    }, 200 
    ); 
});