Javascript 将变量传递给resize()jquery

Javascript 将变量传递给resize()jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有两个divs边栏包装器和.j1。我在窗口加载时找到了.j1的高度,j1根据其内容改变大小,现在我必须将此高度应用于侧栏包装 我试过这个 var currentHeight = 0; $(window).load(function() { //get the natural page height -set it in variable above. currentHeight = $('.j1').outerHeight(); console.log("set current

我有两个divs边栏包装器和.j1。我在窗口加载时找到了.j1的高度,j1根据其内容改变大小,现在我必须将此高度应用于侧栏包装

我试过这个

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);  
});

我不知道用什么来设置边栏包装的高度

您是否尝试更改侧栏包装的CSS属性高度

$sidebar-wrapper.csheight,当前高度

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


尝试使用下一个代码示例来获取和设置属性,原因可能是$sidebar包装器在jquery对象中不存在yetlength 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);

$sidebar-wrapper.heightcurrentHeight;这是工作,但在每一个备用页面加载这也是工作,但仍然不是所有的时间。当它不工作时,我必须重新加载页面again@rk11501你认为它不是一直在工作吗?此事件将仅在DOMContentLoaded上触发一次。。。你需要什么确切的解决方案?我有2页的链接a,B都使用js代码表示高度。我加载一个它可以工作,然后我点击B的链接,B的边栏包装采用A的高度,但如果我重新加载B,则采用正确的高度。@rk11501您的B页面上有$'.j1'吗???我假设在重新加载B页面上,您的$'.j1'为0,因此您将获得$sidebar wrapper的初始正确高度。@rk11501,如果您想执行如下用例:从A到B,并且如果用户重新加载B->get$'.j1'。。希望这有帮助
 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);