當屏幕寬度超過特定值時執行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...
    }
});