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

我不希望发生这种情况，我需要禁用＆＃34; .hola＆＃34;也没有悬停。

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

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

});

if语句包括hover（）和窗口宽度

1 个答案: