2016-05-13 4 views
1

私はこのコードを完璧に機能させていますが、これはモバイルではない大画面でのみ適用したいと考えています。どんな助けも高く評価されます。jquery関数を大画面のみに適用する方法

<script> 
 

 
(function($) { 
 
    jQuery(function($) { 
 
    $('.navbar .dropdown').hover(function() { 
 
     $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown(); 
 
    }, function() { 
 
     $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp(); 
 
    }); 
 
    $('.navbar .dropdown > a').click(function() { 
 
     location.href = this.href; 
 
    }); 
 
    }); 
 
})(jQuery); 
 

 
</script>

答えて

3

この試してみてください:あなたはあなたのコードにこれを適用するには(@ soloughlin3により示唆されるようにサイズを変更使用)

$(document).ready(myfunction); 
$(window).on('resize',myfunction); 

function myfunction() { 
    if ($(window).width() > 739) {  
     $('.navbar .dropdown').hover(function() { 
      $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown(); 
     }, function() { 
      $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp(); 
     }); 
     $('.navbar .dropdown > a').click(function() { 
      location.href = this.href; 
     }); 
    }   
} 
+1

できます

​​

EDITをまた、これをjquery resize funと一緒に使うしたがって、ブラウザのサイズが変更されると、サイトはこれに反応します。 https://api.jquery.com/resize/ – Steveo

+0

ありがとうございました。これをjQueryの周りでどうやって包み込み、elseに何を追加しますか? – sapna

+1

@ soloughlin3によって提案されたサイズ変更を含めて、これがどのように適用されるかを示すためにanswerによって編集しました。 – Dawcars

関連する問題