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の場合、それはなります。あなたがペンを開くと、おそらく十分広いwindowを持っているでしょう。しかし、そのコードはページがロードされると一度だけ実行されます。ウィンドウのサイズを変更しても、コードが再度実行されるわけではありません。その場合でも、それらの関数を複数回呼び出すことは望ましくありません。

jQuery('.article__title').on('mouseenter mousemove', function(evt){の中にその条件を適用して、マウスを動かすたびにチェックする必要があります。