0

ウェブサイトの右側に幅約 200 px の div があります。

最近のタイムラインを提供する Facebook のチャット ボックスのようなものです。

これは、html divのサイズを変更するために使用しているコードです

$(document).ready(function()
{
    $("#right_timeline_div").css("width", $(window).width() - 1200);
});
$(window).resize(function()
{
    $("#right_timeline_div").css("width", $(window).width() - 1200);
});

私のコードは、特定のサイズの div のみを縮小します。

ブラウザのサイズが小さくなってきたら、div の幅のサイズを変更したいと考えています。

ブラウザの幅が 1200px の場合、jquery を使用して右側のサイドバーのサイズを小さくしたいとします。

ここから多くの方法を試しましたが、うまくいきませんでした。

私の質問を読んでくれてありがとう、これが私のような同じ問題を抱えている他の視聴者に役立つことを願っています.

4

1 に答える 1

1

のように追加pxしてみてください

var newSize = $(window).width() - 1200;
$("#right_timeline_div").css("width", newSize + 'px');

また：

$("#right_timeline_div").width(newSize);

そう...

$(document).ready(function(){Resize_right_timeline();});
$(window).resize(function(){Resize_right_timeline();});

functiuon Resize_right_timeline(){
    var newSize = $(window).width() - 1200;
    $("#right_timeline_div").css("width", newSize + 'px');
    //                        Add This---------------^

    //OR:
   //$("#right_timeline_div").width(newSize);
}
于 2012-04-12T20:49:50.883 に答える