Отзывчивое навигационное меню javascript wont work

Question

Я создал очень простую отзывчивую навигацию, но он не будет отвечать моим javascript. будь то моя логика или я неправильно ее кодирую. я не понимаю.

1. Когда навигация превращается в размер устройства, она отображает отзывчивый стиль, но после нажатия на меню он не потянет триггер.

это мой Javascript

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

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

#pull был спусковым крючком, который является display: none, прежде чем он превратится в размер устройства и nav uldisplayblock был до поворота в размер устройства и display: none после.

Я что-то пропустил?

Answer 1

Кажется функция щелчок не вызывает, попробуйте что-то вроде этого

$(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>