响应导航菜单javascript无法工作

我创建了非常简单的响应式导航，但它不会响应我的javascript。不管是我的逻辑还是我的代码错了。我不明白

当导航变成设备大小时，它会显示响应样式，但在单击菜单后不会触发

这是我的javascript

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

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

#pull

是触发器，在变成设备大小之前，它是

显示：none

对于

nav-ul

display

was

block

，在转换为设备尺寸之前和

display:none

之后

---

我错过了什么吗？

似乎没有触发单击功能，请尝试类似的操作

$（文档）.ready（函数（）{
$（函数（）{
var pull=$（“#pull”），
菜单=$（'nav ul'），
menuHeight=menu.height（）；
$（拉动）。单击（功能（e）{
e、 预防默认值（）；
警报（“此处”）；
menu.slideToggle（）；
});
});
});

点击我

导航测试
您检查控制台了吗？如果您有任何错误是的，我检查了控制台，这是一个常见的错误。我放错地方了。。哈哈，刚才才意识到。thx@Pradeep1991Sing我的代码或你的代码没有问题。是因为我把我的糖果放错地方了。。对不起，打扰你了。谢谢你的努力