Question

我有两个div＆＃34;＃sidebar-wrapper＆＃34;和＆＃34; .j1＆＃34;。我发现＆＃34; .j1＆＃34;的高度在窗口加载时，j1根据其内容改变大小，现在我必须将此高度应用于＆＃34;＃sidebar-wrapper＆＃34;。

我试过这个

var currentHeight = 0;
$(window).load(function() {
 //get the natural page height -set it in variable above.

  currentHeight = $('.j1').outerHeight();

  console.log("set current height on load = " + currentHeight);

 $("#sidebar-wrapper").resize(currentHeight);  
});

我不知道如何设置＆＃34;＃sidebar-wrapper＆＃34;的高度。

Answer 1

您是否尝试更改＃sidebar-wrapper 的CSS属性高度？

JsFiddle

$("#sidebar-wrapper").css("height", currentHeight);

.resize方法似乎是在更改窗口大小时触发的事件。您可以在此处找到有关调整大小事件的更多信息：Resize Event。

$( window ).resize(function() {
  $( "#log" ).append( "<div>Handler for .resize() called.</div>" );
});

Answer 2

尝试使用下一个代码示例以获取和设置属性原因可能是您的$("#sidebar-wrapper")尚未存在（jquery对象中的长度为0）：

 document.addEventListener('DOMContentLoaded', function() {

           currentHeight = $('.j1').outerHeight();    
           console.log("set current height on load = " + currentHeight);    
           $("#sidebar-wrapper").css('height',currentHeight );
           console.log($("#sidebar-wrapper").height());

        }, false);

将变量传递给resize（）jquery

2 个答案: