仅当视口大于时才执行此jquery

Question

我希望只有在视口宽度大于1024px时执行此jquery：

$(function(){
$(".pic").hover(function(){   
  $(this).find(".textimage").fadeIn(100);
}
                ,function(){
                    $(this).find(".textimage").fadeOut(100);
                }
               );  });

Answer 1

由于我认为你是SO的新手，你通常会在没有告诉我们你做了什么或者你曾经尝试过做什么或学习什么的情况下提出问题。通常情况下，如果没有这些，人们就不会得到答案。

简单：

$(window).load(function(){
    var winWidth = $(window).width();
    if(winWidth >= 1024){
        $(".pic").hover(function(){   
            $(this).find(".textimage").fadeIn(100);
        }, function(){
            $(this).find(".textimage").fadeOut(100);
        });
    }
});

然后你可以添加：

$(window).resize(function(){
    var winWidth = $(window).width();
    if(winWidth >= 1024){
        $(".pic").hover(function(){   
            $(this).find(".textimage").fadeIn(100);
        }, function(){
            $(this).find(".textimage").fadeOut(100);
        });
    } else {
        $('.pic').unbind('mouseenter mouseleave')
    }
});