如果另一个div的高度大于值（使用jquery），则移动div

请参见下图。这说明了我正在努力实现的目标。我相信这是可能的jQuery，但没有专业知识写它。我想要的是，如果'DIV A'（以绿色显示）的高度低于设定的PX值（例如，如果div A的高度小于300px），那么'DIV B'（以红色显示）应该移动第二个位置。如果DIV A的高度大于那个值，那么DIV A应该保持原位，不要移动。如果另一个div的高度大于值（使用jquery），则移动div

What i want to achieve

我开始在这里提琴：http://jsfiddle.net/qwcpokdL/

示例代码：乙

<div class="right"> 
<div class="B">A</div> 
</div>

例如CSS：

.left, .right {width:49%; border: 1px solid #000; margin:1px; min-height:600px} 
.left {float:left;} 
.right {float:right;} 
.somediv, .somediv2 {width:98%; height:125px; border:1px solid #ccc; margin:2px} 

.A {background:red; width:98%%; height:150px; margin:2px} 
.B {background:green; width:98%; height:100px; margin:2px}

在此先感谢您的帮助！

来源

2014-08-29 b_uk_happy

在“A”'

'下创建一个空的容器div，然后当你的页面加载时，获得'A'高度，如果height小于300px，则将B div的内容复制到空容器中，然后删除原创B. – Sharky 2014-08-29 06:21:34

你写的问题对分享真的很有帮助。所以，我翻译它与韩国开发者分享（在这里）（http://ctrlaltdel.co.kr/）。如果你介意，请告诉我，它会被删除。 – 2014-08-29 07:02:02

$(function() { 
    if($('#A').height() < 300){ 
    $('#A').remove().appendTo("#right"); 
    } 
});

检查看看这个：http://jsfiddle.net/banhjx1x/1/

来源

2014-08-29 06:27:06 Madcoe

很好用 - 谢谢 – 2014-08-29 06:30:09

是不是.A？不是#A？ – 2014-08-29 06:54:42

我在我的jsfiddle示例中分配了id，因此它是#A。请检查我分享的链接。 – Madcoe 2014-08-29 06:55:59

请下面的代码

$(document).ready(function() { 
    var divAheight = $('.B').height(); 
    if(divAheight >= 100) { 
     $(".A").insertAfter(".B"); 
    } 
});

来源

2014-08-29 06:25:31 sameer

您可以使用下面的jQuery：

function checkA(){ 
    if($('.B').height()<300){ 
     var a = $('.A'); 
     $('.A').remove(); 
     $('.B').after (a); 
    } 
    else { 
     var a = $('.A'); 
     $('.A').remove(); 
     $('.right').append(a); 
    } 
} 
$(document).ready(function(){ 
    checkA(); 
}); 
$(window).resize(function() { 
    checkA(); 
});

也不要忘记在代码中为jQuery添加脚本标记。

来源

2014-08-29 06:30:47

如果另一个div的高度大于值（使用jquery），则移动div

回答

相关问题