在媒体查询中创建jquery规则，可以吗？

Question

我在jquery中创建事件时遇到问题。我的代码是这样：

在THML中没有问题，因为它指向一个事件..我将代码附加到jquery中：

$("nav ul li a").click(function(e) {
    e.preventDefault();
    var target =  $(this).attr("href");
    $("html,body").animate({
        scrollTop: $(target).offset().top
    },2000,"easeOutQuint");
});

这样，当我单击导航条目时，它将带我到所需的元素……这里没有问题。

然后，我创建了一个hamb，使我可以全屏查看导航，它可以安静地打开和关闭，这是代码。

$("#hamb").click(function(e) {
    if( $(this).hasClass("on") ){
        $(this).removeClass("on");
        $("#full").stop().fadeIn(800);
        $("#full ul li").addClass("down");
        $(this).css("z-index", "20");
        $("#hamb span:nth-of-type(1)").addClass("ruota1");
        $("#hamb span:nth-of-type(2)").css("opacity", "0");
        $("#hamb span:nth-of-type(3)").addClass("ruota3");
    } else {
        $(this).addClass("on");
        $("#full").stop().fadeOut(300);
        $("#full ul li").removeClass("down");
        $(this).css("z-index", "10");
        $("#hamb span:nth-of-type(1)").removeClass("ruota1");
        $("#hamb span:nth-of-type(2)").css("opacity", "1");
        $("#hamb span:nth-of-type(3)").removeClass("ruota3");
    }
});

我想确保当我单击声音时，导航关闭。 我已经尝试过这样做（#full是导航）：

$("nav ul li a").click(function(e) {
       e.preventDefault();
       var target =  $(this).attr("href");
       $("html,body").animate({scrollTop: $(target).offset().top},2000,"easeOutQuint");
       $("#full").stop().fadeOut(800);
    });

它起作用了，它安静地消失了。.问题是导航在经典水平版本中也消失了..我如何确保仅在窗口的某个宽度上存在此规则？因此，您只能使用平板电脑和手机吗？我尝试过：

if ($(window).width() < 960) {
   example....
}

但是我不能很好地使用此规则。.我不能，有人可以帮助我吗？