javascript - 如何使用 jQuery 添加另一个对象的高度作为边距？

Question

我正在做我的一个小元素，我不知道为什么我的代码不能工作。我试过了

 $('.sidebar-title').css("top",$('.sidebar').height() + " px"); 

还有

var TH = $('.sidebar').height() + " px"
    $('.sidebar-title').css("top",TH); 

这些都不起作用。我试图提醒 TH 看看它里面是否有东西，它显示了 82px，这是它应该的。我做错了什么？

更新:HTML 代码，如果有帮助:

<div class = "sidebar-title">
                        <i class="fa fa-caret-square-o-down fa-2x"></i>
                    </div>
                    <div class = "sidebar">
                        <div class = "inner">
                            <form class="searchform">
                                <label class = "searchlabel">Search</label>
                                <input type="text"  name ="search" class="search"/>
                            </form>
                        </div>

                    </div>

和默认的 CSS:

.sidebar-title{
    position: absolute;
    padding:10px 30px;
    color:#fff;
    background: #ff5151;
    top:0px;
    left:50%;
    margin-left:-87px;
     transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.sidebar {
      position: absolute;
      top:-100px;
       transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
      width: 97.1%;
      left: 0px;
}

Answer 1

@sdcr:你必须删除"px"

中的间隙

online Demo

$(document).ready(function(){
    alert($('.sidebar').height());                                 
    $('.sidebar-title').css("top",$('.sidebar').height()+"px"); 

 });