Question

我的这段代码完美无缺，但我想将其应用于大屏幕而不是手机。任何帮助都将受到高度赞赏。

＆＃13;

<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>

＆＃13;

Answer 1

试试这个：

if ( $(window).width() > 739) {     
  //Add your code for large screen
}
else {
  //Add code for small screen
}

编辑：将此应用于您的代码（使用@ 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;
        });
    }        
}

如何将jquery函数仅应用于大屏幕

1 个答案: