Javascript 将变量传递给resize()jquery
我有两个divs边栏包装器和.j1。我在窗口加载时找到了.j1的高度,j1根据其内容改变大小,现在我必须将此高度应用于侧栏包装 我试过这个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
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);