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 元素放置在您的 .publish-info 中的 javascript 函数运行在 adsense div 可用之前。

因为您无论如何都在使用 jQuery，所以我建议将 window.onload 更改为:

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

看看是否有帮助。