モバイルデバイス上でjqueryコードを非表示にする

Question

私はプレstashop内にブートストラップメニューを実装しました。

ブートストラップは（のみクリックした後）ホバーメニューをサポートしていないので、私は次のコードを使用しています：

$(document).ready(function(){ 
    if(window.innerWidth > 768){ 

     $('li.dropdown').hover(function() { 
      $(this).find('.dropdown-menu').first().stop(true, true).delay(200).slideDown(); 
     }, function() { 
      $(this).find('.dropdown-menu').first().stop(true, true).delay(200).slideUp(); 
     }); 

    } 
}); 

を私はこのslidedownホバー効果は768以上の画面解像度に見えるようにしたいです;携帯端末では使用できません。しかし、上記のコードは実際には機能しません。

私はまた、succesなしで以下のコードを使用しようとしました。

var winWidth = $(window).width(); 
if (winWidth > 768) {...} 

その他のアイデア。私よりjqueryで熟練している人。 事前に感謝します。ホバリング時に

Answer 1

この方法をやって、あなたにも、ウィンドウの幅をチェックして、サイズを変更サポートできる：

$(document).ready(function() { 
    $('li.dropdown').hover(function() { 
     if ($(window).width() > 768) { 
      // expected behavior on large screen 
     } 
    }, function() { 
     if ($(window).width() > 768) { 
      // expected behavior on large screen 
     } 
    }) 
}); 

は、このヘルプのでしょうか？