根据另一个div设置DIV的宽度和高度

时间:2015-04-11 03:21:48

标签: javascript jquery css

如何根据另一个div设置DIV的宽度和高度?

这就是我完成它的方式,但它仅在alert出现时有效?

var readyC = setInterval(function() {
  if (Condition) {
    $('#divAA').width($('#divBB').width()).height($('#divBB').height()); 
          //alert($('#divBB').width())  // works when this is uncommented?? 
  }
  clearInterval(readyC);
}, 10);

修改

修正了拼写错误:

$('#divBB'+i)$('#divBB')

2 个答案:

答案 0 :(得分:0)

如果你的div的内容是动态加载的,那么你需要使用window.load事件来获得正确的高度,如下所述:https://stackoverflow.com/a/13071846/1845408

$(window).load(function() {
    $('#divAA').width($('#divBB').width()).height($('#divBB').height()); 
});

答案 1 :(得分:0)

只有当您保持alert时才能获得该信息的原因是,您使用的setInterval间距为10ms这么短。

当您使用警报时,执行会停止,这就是您看到div调整大小的原因。您必须将interval增加到更高的值。

同样clearInterval不在其他区块内,所以它意味着计时器将在首次尝试时清除。在这种情况下,您根本不需要setInterval。

  

根据评论进行更新

当您循环遍历div列表以更新其他div的高度时,必须使用自调用函数来正确绑定i的值。