レスポンシブなナビゲーションメニューjavascriptは役に立たない

Question

私は非常に簡単なレスポンシブなナビゲーションを作成しましたが、それは私のjavascriptで応答しません。それが私の論理かどうか、それは間違っている。理解できません。

1. ナビゲーションがデバイスサイズになると、レスポンシブスタイルが表示されますが、メニューをクリックしてもトリガーがプルされません。

これは、デバイスのサイズ へとnav uldisplayのために電源を入れる前に、私のjavascriptの

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

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

#pullがdisplay: noneあるトリガーだったですが、デバイスのサイズとdisplay: none後にターンする前blockました。

私は何かを見逃しましたか？

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>