0

携帯電話を縦向きから横向きに回転させたときに、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 サイトではありません。おそらく、この問題を解決するためのより良い方法があります。提案を受け付けます。

4

1 に答える 1

0

jQuery(ドキュメント).ready(関数(){

vp_width = jQuery(window).width();

if (vp_width <= 650) {
//alert('mobile');

//Add some Jquery here to change the height and width of the banner?


)};

これが役立つかどうかはわかりませんが、デバイスの幅がわかっている場合は、上記のように幅をターゲットにしてから CSS を設定できますか? これが役に立てば幸いです。そうでない場合は申し訳ありません。

于 2013-05-29T14:56:06.267 に答える