wie jquery Funktion nur auf großen Bildschirm anwenden

Question

Ich habe diesen Code funktioniert es perfekt, aber ich möchte dies nur für große Bildschirm nicht mobile anwenden. Jede Hilfe würde sehr geschätzt werden.

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

Answer 1

Versuchen Sie folgendes:

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

EDIT: diese, um Ihren Code anwenden zu können (unter Verwendung von wie vorgeschlagen die Größe von @ 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; 
     }); 
    }   
}