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

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

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

---

因为我看到你是个新手，所以你通常会因为仅仅问了一个问题而受到指责，而没有告诉我们你做了什么，或者你试图做什么或学什么。通常情况下，没有这一点，人们不会得到回应

简单：

$(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')
    }
});

---

非常感谢你。它起作用了。唯一的问题是，如果我将窗口的大小调整到小于1024，然后返回到大于1024，则此函数不起作用。但是，如果我按指定的视口大小刷新它，它将正常工作。这会困扰我吗？如果我添加了调整大小功能，它就不能很好地工作。。当我不断调整窗口大小时，当视口低于1024@mrryphel，我编辑了上面的答案，以便在窗口大小小于时解除悬停事件的绑定1024@mrryphel，没问题！