if 语句包括 hover() 和窗口宽度

Question

我对这一切都很陌生，我现在有这个：

$( document ).ready(function() {

   $('.item').hover(
      function(){
          $(this).find('.hola').slideDown(250); //.fadeIn(250)
      },
      function(){
          $(this).find('.hola').stop(true, false).slideUp(250); //.fadeOut(205)
      }
   );

});

---

我需要在小屏幕上禁用此代码，这是我希望它工作的代码：

你可以在codepen中观看我的code

---

IMAGE OF DISPLAY IN SMALL SCREEN

我不想发生这种情况，我需要在悬停时禁用“.hola”。

我尝试并尝试禁用它，但我没有实现它

Answer 1

你需要把if语句移到事件之前

$(document).ready(function(){

  if ($(window).width() > 480) {
    $(".item").hover(function(){
      function(){
          $(this).find('.hello').slideDown(250); //.fadeIn(250)
      },
      function(){
          $(this).find('.hello').slideUp(250); //.fadeOut(205)
      }
    });
  }

});