当屏幕宽度超过特定值时执行jQuery slideUp事件

Question

我正在创建一个响应式站点，其中我添加了事件侦听器以便向下滑动块。如果我调整我的浏览器窗口变得更宽，我想执行一个slideUp到这个块，以便它们都整齐地滑动。有谁知道如何做到这一点？

我的jQuery函数：

function mobileFunctions(){ 

    if($(window).width() < 600){ 
     $(".replace-url").attr('href', '#'); 
     $(".list-categories li").removeClass('click'); 

     categoryActive(); 
    } 
} 

function categoryActive(){ 

    $(".title-click").click(function(){ 
     var e = $(this).parent("li"); 
     var i = ".list-categories li"; 
     var c = "active"; 
     var d = ".content-category"; 

     if(!$(e).hasClass(c)){ 
      $(i).removeClass(c); 
      $(i).children(d).slideUp("slow"); 
     } 

     $(e).children(d).slideDown("slow"); 
     $(e).addClass(c); 

    }); 

Answer 1

我相信你正在寻找呢？

$('window').resize(function() { 
    var someValue = 1024; 
    if ($('window').width() > someValue) { 
     // function here... 
    } 
});