当屏幕宽度超过某个值时执行jQuery slideUp事件

时间:2013-05-01 08:44:35

标签: javascript jquery slide

我正在创建一个响应式网站,我在其中向块中添加事件侦听器以向下滑动。如果我将浏览器窗口调整为更宽,我想对这个块执行一个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);

    });

1 个答案:

答案 0 :(得分:0)

我相信你在寻找这个?

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