Responsive Navigation Menü Javascript funktioniert nicht

Question

Ich habe eine sehr einfache responsive Navigation erstellt, aber es wird nicht mit dem, was mein Javascript. ob es meine Logik ist oder ich falsch codiere. Ich verstehe es nicht.

1. Wenn die Navigation in Gerätegröße wechselt, wird der reaktionsfähige Stil angezeigt, aber nach dem Klicken auf das Menü wird nicht der Auslöser gedrückt.

das ist mein Javascript

$(function() { 
    var pull  = $('#pull'); 
     menu  = $('nav ul'); 
     menuHeight = menu.height(); 

    $(pull).on('click', function(e) { 
     e.preventDefault(); 
     menu.slideToggle(); 
    }); 
}); 

#pull der Auslöser war die display: none ist, bevor es in eine Gerätegröße drehen und für nav uldisplay war block bevor wiederum in eine Gerätegröße und display: none nach.

Habe ich etwas übersehen?

Answer 1

Scheint Klick-Funktion nicht auslöst, versuchen Sie so etwas wie dieses

$(document).ready(function() { 
 
    $(function() { 
 
     var pull  = $('#pull'), 
 
      menu  = $('nav ul'), 
 
      menuHeight = menu.height(); 
 

 
     $(pull).click(function(e) { 
 
      e.preventDefault(); 
 
      alert('here'); 
 
      menu.slideToggle(); 
 
     }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="pull"> 
 
click me 
 
</div> 
 
<nav><ul> 
 
<li>nav test</li> 
 
</ul></nav>