Actualiser certains jquery sur la fenêtre du navigateur redimensionner

Question

J'utilise un carrousel tiers qui ajoute des largeurs en ligne et des styles de hauteurs à la volée. Le site utilise des requêtes média pour redimensionner le conteneur carrousel lorsque la taille du navigateur est réduite. Mon problème est que la page doit être rafraichie pour que la requête media arrive. Alors, est-ce que je peux avoir la fonction jQuery à rafraîchir lors du redimensionnement afin de retravailler ses largeurs/hauteurs?

Voici le jQuery:

<script type="text/javascript"> 

    $(document).ready(function() { 

    $("#carousel").featureCarousel({ 
    // include options like this: 
    // (use quotes only for string values, and no trailing comma after last option) 
    carouselSpeed:700, 
    smallFeatureWidth:0.8, smallFeatureHeight:0.8, sidePadding:0, topPadding:0 
    }); 
    }); 
    </script> 

Answer 1

Utilisez la fonction resize() sur l'objet window:

$(window).resize(function(){ 
    $("#carousel").featureCarousel({ 
     // include options like this: 
     // (use quotes only for string values, and no trailing comma after last option) 
     carouselSpeed:700, 
     smallFeatureWidth:0.8, smallFeatureHeight:0.8, sidePadding:0, topPadding:0 
    }); 
}); 

Ensuite, vous pouvez utiliser $(window).height() et $(window).width() pour obtenir votre nouvelle taille et d'ajuster à partir de là.

Answer 2

Curieusement, je cherchais à rafraîchir sur la taille de la fenêtre pour la même raison. J'ai un défilement de logo dans un design réactif et les images s'empilent les unes sur les autres lorsque la fenêtre redimensionne. La meilleure solution pour cela est la suivante: 1-placer le scroller dans un iframe 2-ajouter une classe à l'iframe avec le déflecteur de logo sur la page parente et utiliser java pour actualiser l'iframe sur le redimensionnement de la fenêtre.