携帯電話を縦向きから横向きに回転させたときに、jQuery を使用して設定されたコンテンツ スライダーの幅と高さを動的に変更するにはどうすればよいですか? クライアントは、サイトに「allinone」コンテンツ スライダーを使用しています。このコンテンツ スライダーの幅と高さは、次のコードで jQuery を使用して設定されます。
jQuery(function() {
jQuery('#allinone_contentSlider_imposing').allinone_contentSlider({
width: 300,
height: 300
});
});
電話が縦向きから横向きに切り替わったときにスライダーの幅と高さを動的に変更したいのですが、JavaScript のスキルが十分ではありません。$(window).width() と resize() イベントを次のように使用して変数を定義しようとして失敗しました:
jQuery(function() {
function updateWidth() {
var $containerWidth = $(window).width();
}
updateWidth();
$(window).resize(function() {
updateWidth();
});
jQuery('#allinone_contentSlider_imposing').allinone_contentSlider({
width: $containerWidth,
height: 300
});
});
残念ながら、上記のコードは幅を定義できず、スライダーが表示されません。余談ですが、これはモバイル専用の Web サイトではありません。おそらく、この問題を解決するためのより良い方法があります。提案を受け付けます。