javascript - 相对于另一个元素的位置不起作用

Question

我试图将类名为“adsense”的元素定位在类名为“publish-info”的元素的一半高度上，但它不起作用。我应该提到我无法编辑模板的 html 源代码。我试过这段代码：

.publish-info {
    height: 150px!important;
    position: relative!important;
}

.adsense {
    top: 50px!important;
    position: absolute!important;
}

...和javascript：

<script type='text/javascript'>
    //<![CDATA[ 
    window.onload = function () {
        $('.publish-info').append($('.adsense'));
    } //]]>
</script>

但这不起作用。这是我的网站： http: //www.musicep.com/2013/07/bt-aqualung-surrounded.html

Answer 1

您的脚本和样式大致完成了它们应该做的事情，但问题是在 adsense div 可用之前将.adsense元素放置在您的内部的 javascript 函数运行。.publish-info

由于您无论如何都在使用jQuery，我建议将其更改window.onload为：

$(document).ready(function(){
    $('.publish-info').append($('.adsense'));
});

看看是否有帮助。