基于浏览器宽度和 div 高度的 jQuery IF 语句答案

【问题标题】：jQuery IF statement based on browser width and a div's height基于浏览器宽度和 div 高度的 jQuery IF 语句
【发布时间】：2012-03-08 20:47:46
【问题描述】：

我对 jQuery 毫无用处，但我需要编写一个 if 语句，而且我不确定能得到我想要的确切代码。这就是我想要的伪代码：

如果浏览器宽度小于 1670 像素且 div.banner 的高度小于 1253 像素，则让 div.title AND div.social 的父级为 div.banner 否则让 div.title 和 div.social 的父级为 body (或浏览器窗口）

我希望这是有道理的，如果您能提供任何帮助，我将不胜感激。

【问题讨论】：

标签： jquery if-statement

【解决方案1】：

$(window).width() = 浏览器宽度 $('div.banner').height() = div.banner 的高度

if($(window).width() < 1670 && $('div.banner').height() < 1253)
{
 //do first
}
else
{
 // do else
}

【讨论】：

【解决方案2】：

if($(window).width() < 1670 && $(".banner").height() < 1253)
{
    var bannerContent = $(".title").html() + $(".social").parent().html();
    $(".banner").html(bannerContent);
}
else
{
    var bodyContent = $(".title").parent().html();
    $("body").html(bodyContent);
}

【讨论】：

感谢@Thomas，但它似乎无法正常工作。我把它放在 $(document).ready(function () { ..... });这个对吗？我的 .title 和 .social div 在页面加载时位于代码中的哪个位置是否重要？
放在$(document).ready()-Function里应该没问题。也许您插入一些警报命令以查看放入横幅 div 或正文的 html。例如： var bannerContent = $(".title").html() + $(".social").parent().html();警报（横幅内容）；