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

Question

我只想在手机上禁用以下功能。这是一个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();
          });
      });
  });
}

Answer 1

如果 jQuery(window).width() > 769 为 false 那么其中的代码将永远不会运行。如果它是 true 那么它会。当您打开笔时，您很可能会看到一个足够宽的窗口。但是该代码在页面加载时运行一次，仅此而已。调整窗口大小并不意味着代码会再次运行，即使是，您也不想多次调用这些函数。

您需要在 jQuery('.article__title').on('mouseenter mousemove', function(evt){ 中应用该条件，以便在您每次移动鼠标时检查它。