在函数参数中使用变量，有或没有Jquery

Question

我想写一个函数，我可以重复使用不同的元素。

这个想法是获得窗口高度并将其应用于不同的元素。

我想我可以做这样的事情，但它不工作：

function autoHeight(element) { 
    var height = window.innerHeight; 
    $(element).css('height', height); 
} 

autoHeight('.dashboard-sidebar'); 
autoHeight('.some-element'); 

它不工作。我知道我很近，但我错过了一些东西！

提前致谢！

Answer 1

使用JavaScript

function autoHeight(element) { 
 
    var height = window.innerHeight; 
 
    var ele = document.querySelector(element); 
 
    if (ele) { 
 
    ele.style.height = height + 'px'; 
 
    } 
 
} 
 

 
autoHeight('.dashboard-sidebar'); 
 
autoHeight('.some-element');

div { 
 
    width: 120px; 
 
    height: 120px; 
 
    background: #DDDDDD; 
 
    margin: 5px; 
 
    display: inline-block; 
 
}

<div class="dashboard-sidebar"></div> 
 
<div class="some-element"></div>

Answer 2

似乎在这里工作的罚款：https://jsfiddle.net/gerLe2x9/

你有你的包裹在JS $(window).load：

$(window).load(function() { 
    function autoHeight(element) { 
     var height = window.innerHeight; 
     $(element).css('height', height); 
    } 

    autoHeight('.dashboard-sidebar'); 
    autoHeight('.some-element'); 
}