使用 javascript 为每个 wordpress 帖子应用交错和随机的左/右放置

Posted 2023-03-16

【中文标题】使用 javascript 为每个 wordpress 帖子应用交错和随机的左/右放置

【英文标题】：Applying staggered and randomised left / right placement for each wordpress post with javascript

【发布时间】：2020-12-12 23:53:30

【问题描述】：

所以我试图让 WordPress 网站上的每个单独的帖子 (.card) 错开，一些在左边，一些在右边，并且这是一个随机数量并在刷新页面时改变。

这是我使用 javascript 代码尝试执行此操作的地方：

//random position 

$(document).ready(function () 
    $('.card').each(function () 
        $('.card').css(
            'left': (Math.random() * 900) + 50
        )
    );
);

我认为我没有正确使用“每个”方法？它随机将它们向左/向右放置，但它对所有帖子应用相同的距离，而不是每个帖子的距离不同。

我哪里错了？

【问题讨论】：

使用$(this).css。当您在 .each 中循环遍历它们时，this 将代表每个项目

【参考方案1】：

尝试以下操作并从this question 了解更多关于this 关键字的信息

$(document).ready(function()
  $('.card').each(function() 
    $(this).css('left' : (Math.random() * 900) + 50)
  );
);