Question

我使用简单的馅饼拉入两个RSS Feed，然后使用PHP foreach循环为每个Feed帖子添加.pin。我想对它们进行定位，使每个看起来比前一个低30px。这是我目前的尝试：

$( document ).ready(function() {
        for (x = 0; x < i; x++) {
            var position = 0;
            $('.pin').eq( x ).css('top', position + 'px');
            position = position + 30;
        };
    });

这不起作用，它们只是在页面顶部相互叠加显示。

任何帮助都会很棒，提前谢谢！

Answer 1

循环的每次迭代的位置都是相同的，你的赋值顺序是错误的，最后i无处可寻。

我想你可能正在寻找这个。考虑i是有效的。

        var position = 30 * x;
        $('.pin').eq( x ).css('top', position + 'px');

Answer 2

所有迭代的位置值均为零。在循环开始之前移动该行

Answer 3

取消<use>和i。由于您使用的是jQuery，因此请利用for：

.each

如何使用jQuery以不同的方式使用类标识符定位每个元素？

3 个答案: