jquery - 如何相对于另一个元素定位我的 jQuery 元素

Question

我想相对于我的页面包装器定位我的 jQuery 元素。我将整个页面包含在一个名为 Wrapper 的 div 中。我当前的代码是:

<script type="text/javascript">
$(function() {
$('a.poplightOne').hover(function(e) {
        var html =    '<div id="infoOne">'
        html +=     '</div>';               
        $('body').append(html).children('#infoOne').hide().fadeIn(400);
        $('#infoOne').css({
            position: 'absolute',
        top: '10px',
            left: '10px
    });
}, function() {
    $('#infoOne').remove();
});
});
</script> 

Answer 1

如果 Wrapper 是你的容器 div 的 id，你不能直接将你的 html 附加到它而不是 body 上吗？

<script type="text/javascript">
$(function() {
$('a.poplightOne').hover(function(e) {
        var html =    '<div id="infoOne">'
        html +=     '</div>';               
        $('#Wrapper').append(html).children('#infoOne').hide().fadeIn(400);
        $('#infoOne').css({
            position: 'absolute',
        top: '10px',
            left: '10px
    });
}, function() {
    $('#infoOne').remove();
});
});
</script>

我不确定我是否理解正确。如果您希望 div 位于 Wrapper 元素之后，那么您的 js 看起来不错，但您必须更改 css，以便 body 是相对的，并且您的 Wrapper 和新元素都需要具有可能 float 的相对 css。