javascript - 当它大于特定屏幕宽度时如何停止 jQuery 点击功能？

<分区>

我正在使用 CSS 媒体查询和 jQuery。一旦屏幕尺寸达到 767px，我希望它运行一个 jQuery 点击函数。但是，一旦屏幕宽度大于 767px，我该如何停止 jQuery 点击功能呢？这是我的代码:

jQuery:

$(document).ready(function() {
$(".custom-filter").click(function(){
    $(".fa").toggle();
    $("#test").slideToggle("slow");
});
$("div.filter-group-shop-by-collecti h4").click(function(){
    $("ul.nav-shop-by-collecti").slideToggle("slow");
}); 
$("div.filter-group-shop-by-shoe h4").click(function(){
    $("ul.nav-shop-by-shoe").slideToggle("slow");
});
$("div.filter-group-price h4").click(function(){
    $("ul.nav-price").slideToggle("slow");
});
$("div.filter-group-size h4").click(function(){
    $("ul.nav-size").slideToggle("slow");
}); 
});

CSS:

@media only screen and (max-width: 767px) { 
.custom-filter {
  border: 1px solid #bcbcbc;
  display: inline-block;
  padding: 5px 20px 5px 15px;
  color: black;
  font-size: 17px;
  border-radius: 2px;
}

div#test.filter-menu {
  display: none;
} 

ul.nav-shop-by-collecti  {
  display: none; 
}

ul.nav-shop-by-shoe  {
  display: none;
}

ul.nav-price  {
  display: none;
}

ul.nav-size  {
  display: none;
}

.fa-chevron-down {
  font-size: 10px;
  font-weight: normal;
}
.fa-chevron-up {
  font-size: 10px;
  font-weight: normal;
  display: none;
}

.sidebar-cont.cf {
  position: relative;
  bottom: 30px; 
}
}

一旦大于 767px，我希望禁用点击功能。

最佳答案

将此条件添加到您的事件处理程序中: