我正在做我的一个小元素,我不知道为什么我的代码不能工作。我试过了
$('.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;
}
最佳答案
@sdcr:你必须删除"px"
$(document).ready(function(){
alert($('.sidebar').height());
$('.sidebar-title').css("top",$('.sidebar').height()+"px");
});
关于javascript - 如何使用 jQuery 添加另一个对象的高度作为边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29458496/