CSSメディアクエリの変更の下でjqueryをリフレッシュ/リロードする方法があるかどうかは誰にも分かりますか?
この状況で例を作成しました: https://dl.dropbox.com/u/23044665/index.html
ブラウザのサイズを 960 ピクセル未満に変更すると、ブラウザはメディア クエリを適用しますが、jQuery プラグイン領域の幅は 960 ピクセルのままです。
CSSメディアクエリの変更の下でjqueryをリフレッシュ/リロードする方法があるかどうかは誰にも分かりますか?
この状況で例を作成しました: https://dl.dropbox.com/u/23044665/index.html
ブラウザのサイズを 960 ピクセル未満に変更すると、ブラウザはメディア クエリを適用しますが、jQuery プラグイン領域の幅は 960 ピクセルのままです。
問題は、プラグインがスライドとコンテナの幅をHTMLの属性として追加していることであるようです。たとえばstyle="width:960"
、スタイルシート/メディアクエリのすべてを上書きします。
別のスライダープラグインtbhを使用することをお勧めします-これは応答性のために構築されており、ブラウザーのサイズを変更するとすべてが自動的に再計算されます
これを試して
$(window).resize(function() {
slider.reloadShow();
});
画面サイズが変更されたときに追加の JavaScript 操作を実行する場合は、orientationchange と resize のリスナーを追加して、ブラウザのサイズ変更またはタブレット/電話の傾きをキャッチします。