Wordpress:在移动设备上禁用部分Jquery功能

时间:2017-03-29 18:51:01

标签: javascript jquery html css wordpress

我只想在移动设备上禁用以下功能。这是一个Pen。它有效,但是当我调整浏览器大小时,悬停效果并不能按预期工作(<img>挂在h2元素的底部。所需的效果是<img>到按照鼠标光标)。

的jQuery

if ( jQuery(window).width() > 769) {
  jQuery(document).ready(function($){
      jQuery('.article__title').on('mouseenter mousemove', function(evt){
          jQuery(this).siblings('.article__img').css({left: evt.pageX+30, top: evt.pageY-200}).show();
          jQuery(this).on('mouseleave', function(){
              jQuery(this).siblings('.article__img').hide();
          });
      });
  });
}

1 个答案:

答案 0 :(得分:2)

如果falsetrue,则其中的代码将永远不会运行。如果它是window那么它会。当您打开笔时,您很可能已经足够宽jQuery('.article__title').on('mouseenter mousemove', function(evt){。但是,当页面加载时,该代码会运行一次。调整窗口大小并不意味着代码会再次运行,即使它确实存在,您也不会想多次调用这些函数。

您需要的是在SELECT car.id, car.cars, SUM(case when YEAR(sal.sale_date) = YEAR(CURRENT_DATE()) then sal.sales else 0 end) AS value_sales FROM cars car LEFT JOIN sales_cars sal ON car.id = sal.id_cars GROUP BY car.id 中应用该条件,以便每次移动鼠标时都会检查它。