Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当屏幕宽度超过某个值时,执行jQuery slideUp事件_Javascript_Jquery_Slide - Fatal编程技术网

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

Javascript 当屏幕宽度超过某个值时,执行jQuery slideUp事件,javascript,jquery,slide,Javascript,Jquery,Slide,我正在制作一个有响应的站点,在其中我将事件侦听器添加到块中以向下滑动。如果我调整浏览器窗口的大小使其变宽,我想对这些块执行一次滑动,使它们都整齐地向上滑动。有人知道如何做到这一点吗 我的jquery函数: function mobileFunctions(){ if($(window).width() < 600){ $(".replace-url").attr('href', '#'); $(".list-categories li").remove

我正在制作一个有响应的站点,在其中我将事件侦听器添加到块中以向下滑动。如果我调整浏览器窗口的大小使其变宽,我想对这些块执行一次滑动,使它们都整齐地向上滑动。有人知道如何做到这一点吗

我的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);

    });
函数mobileFunctions(){
如果($(窗口).width()<600){
$(“.replace url”).attr('href','#');
$(“.list categories li”).removeClass('click');
categoryActive();
}  
}
函数类别活动(){
$(“.title click”)。单击(函数(){
var e=$(本)。母公司(“li”);
变量i=“.list categories li”;
var c=“活动”;
var d=“.content category”;
如果(!$(e).hasClass(c)){
$(i).删除类别(c);
$(i).儿童(d).滑梯(“慢”);
}
$(e).儿童(d).向下滑动(“缓慢”);
$(e).addClass(c);
});

我想你在找这个

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