javascript - if 语句包括悬停()和窗口宽度

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)
      }
   );

});

<小时/>

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

你可以看我的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)
      }
    });
  }

});