ブラウザウィンドウのいくつかのjqueryを更新するサイズ変更

Question

私は、インラインの幅と高さのスタイルをオンザフライで追加するサードパーティカルーセルを使用しています。ブラウザサイズが縮小されると、サイトはメディアクエリを使用してカルーセルコンテナのサイズを変更します。私の問題は、メディアクエリが来るようにページを更新する必要があるということです。サイズ変更時にjQuery関数をリフレッシュして、幅/高さを再調整できますか？ここで

は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

はwindowオブジェクト上resize()機能を使用します。

$(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 
    }); 
}); 

次に、あなたがあなたの新しいサイズを取得し、そこから調整し$(window).height()と$(window).width()を使用することができます。

Answer 2

まったく同じ理由で、奇妙なことに、私は窓のサイズ変更をさっぱり探していました。私はレスポンシブデザインでロゴスクロールを持っていて、ウィンドウのサイズが変わると画像が重ねて表示されます。 スクロールバーをiframeに1つ置く 2 - 親ページにロゴスクロールバーを使用してiframeにクラスを追加し、javaを使用してウィンドウのサイズを変更してiframeをリフレッシュします。