水平wordpress主题jQuery左右按钮

我正在构建一个wordpress主题，其中帖子水平排列在一个宽的“容器”（类似于“书架”）中。 每根立柱为1160px wis

要点击帖子，可以使用jQuery按钮

但是我的移动不是一次，而是很多次。我想它会为每个加载到循环中的帖子移动它。 有人有解决方案吗？我对JavaScript非常陌生，谢谢

    <script>
    $(document).ready(function(){
        $("#leftbutton").click(function(){
            $("#container").animate({'left':'+=1160px'});
        });
        $("#rightbutton").click(function(){
            $("#container").animate({'left':'-=1160px'});
        });
    });
    </script>

$（文档）.ready（函数（）{
$（“#左按钮”）。单击（函数（）{
$（“#容器”）.animate（{'left'：'+=1160px'}）；
});
$（“#右按钮”）。单击（函数（）{
$（“#容器”）.animate（{'left'：'-=1160px'}）；
});
});

请参见发布在以下网站上的示例：

---

代码片段是正确的（或者我没有检查它）。问题在于您多次将其添加到页面（每篇文章一次），因此单击按钮一次将其移动n次（其中n是文章数）

---

只需将其添加到页面底部一次。

我将其添加到页眉，现在它做了它应该做的事情：但是，我正在尝试隐藏第一篇文章上的后退按钮，最后一篇文章上的后退按钮。我尝试了以下操作：$（文档）。就绪（函数（）{if（$（'.scrollbox'）。is（{'left'：'==0px'}））{$（'leftbutton'）。hide（）}）；也不起作用，因为我添加了jQuery，背景图片有时会在firefox中消失。javascript对我来说是全新的，所以可能会有更好的方法……我可能会复制这个网站的java，并尝试使其水平化：进一步，现在咬我指甲上的“如果”语句：