var linkHeight = $(window).height();
var divLink = $("#link").height();
if(divLink < linkHeight){
$("#link").css("height",linkHeight);
};
var divDealer = $("#dealer").height();
if(divDealer < linkHeight){
$("#dealer").css("height",linkHeight);
};
var divAbout = $("#about").height();
if(divAbout < linkHeight){
$("#about").css("height",linkHeight);
};
初歩的な質問で恐縮ですが、よろしくお願いします。
検証用のHTMLページが無いので多少変更する必要はあるかもしれませんが、
以下のようなスクリプトでいけると思います。
var linkHeight = $(window).height(); $("#link,#dealer,#about").each(function() { var divHeight = $(this).height(); if(divHeight < linkHeight) { $(this).css("height",linkHeight); }; });
ちょっと、ベタな感じのをひとつ。
function adjustHeight(e, h) { if(e.height() < h){ e.css("height", h); } } var linkHeight = $(window).height(); adjustHeight($("#link"), linkHeight); adjustHeight($("#dealer"), linkHeight); adjustHeight($("#about"), linkHeight);
有難うございます!関数にする方法もあるのですね。勉強になりました。
有難うございます!セレクターをまとめる方法が有るのですね。勉強いなりました。