Fonction de déclenchement jQuery supérieure à une certaine largeur de fenêtre

JQuery que j’essaie d’écrire me pose beaucoup de problèmes. J’ai besoin qu’une fonction soit disponible à tout moment et une autre lorsque la fenêtre des utilisateurs est supérieure à une largeur définie. Voici mes fonctions, toutes deux exécutées dans jQuery(document).ready(function($){

Fonction pour les menus déroulants, ne devrait se produire que lorsque la fenêtre est plus grande que la quantité définie;

 //the dropdown code for desktop users function largeDropDown(){ $('#nav ul li').hover( //open function(){ $(this).find('ul').stop().slideDown(300); }, //close function(){ $(this).find('ul').stop().slideUp(300); } ); } 

Et celui-ci est disponible tout le temps, même s’il serait bien de savoir comment le rendre également dépendant de la taille de l’écran.

 //the dropdown code for smaller screens $('a.menu_sortinggger').click(openMenu); function openMenu(e){ e.preventDefault(); if($(this).next('ul').hasClass('open_menu')){ $(this).next('ul').slideUp(300).removeClass('open_menu'); $(this).html("↓"); } else { $(this).next('ul').slideDown(300).addClass('open_menu'); $(this).html("↑"); } } 

À l’aide des requêtes de média CSS, le a.menu_sortinggger est masqué lorsque la fenêtre dépasse 768 pixels. De cette façon, jQuery ne fera rien (du moins c’est ma tentative de faire en sorte que cela fonctionne!)

• Quelle est la différence entre le sélecteur de document et le sélecteur de fenêtre?
• jQuery: ajoute une classe dynamicment en fonction de la résolution de la fenêtre du navigateur
• Problème avec la fonction dans $ (window) .resize – utilisation de jQuery
• Déplacer l’image ou diviser lorsque la fenêtre est redimensionnée?
• Comment redimensionner une fenêtre avec JQuery?

Je voudrais donc savoir comment faire fonctionner la première fonction au-dessus de 768 pixels, et comment appeler cette fonctionnalité sur une fenêtre redimensionnée. Toute aide est la bienvenue! Merci.

• Comment obtenir la valeur offset (). Top d’un élément sans utiliser jQuery?

 $(window).on('resize', function(event){ // Do stuff here }); 

 var windowWidth = $(window).width(); if(windowWidth > 768){ // Do stuff here } 

 function openMenu(e){ if ( $(window).width() < 768 ) { e.preventDefault(); if($(this).next('ul').hasClass('open_menu')){ $(this).next('ul').slideUp(300).removeClass('open_menu'); $(this).html("↓"); } else { $(this).next('ul').slideDown(300).addClass('open_menu'); $(this).html("↑"); } } else { return false; } }