javascript - 当屏幕宽度超过某个值时执行 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...
    }
});