jquery - 定位 jQuery 中的所有 tumblr 帖子？

Question

我试图让一个圆圈出现在每个 tumblr(图像)帖子的中间，并使用以下代码找到它(原谅我糟糕的 jquery):

    var imageheight = $('article').height();
        imageheight /= 2;
        imageheight -= 50;
    var imagewidth = $('article').width();
        imagewidth /= 2;
        imagewidth -= 50;
    $(".circle").css('top', imageheight);
    $(".circle").css('left', imagewidth);

这有效，但仅适用于第一张图片。我需要将其应用于博客的所有帖子，而不仅仅是第一张。所有不同的帖子 block 都在一个文章标签中..

谢谢

Answer 1

我认为您的代码可能按预期工作。尝试将您的文章元素设置为 position:relative;。如果您未将父元素设置为相对元素，则绝对定位的子元素将引用主体定位。

这是一个快速的 fiddle 来展示一个例子。尝试删除 article 元素上的 position:relative; ，您会看到两个子元素将彼此重叠，这会使它看起来只在第一篇文章上起作用.

http://jsfiddle.net/y4r7wgrg/1/

参见 this page有关 CSS 定位的更多信息。