Question

我正在构建一个wordpress主题，其中帖子在一个宽的“容器”中水平排列（类似于“货架”https://demo.thethemefoundry.com/shelf-theme/）。每篇帖子都是1160px wis

点击帖子，使用jQuery按钮。

但我的移动不是一次，而是很多次。我猜它会为每个加载到循环中的帖子移动它。有没有人有解决方案？，我是JavaScript新手，谢谢。

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

查看发布于的示例： http://www.ansikun.com/zarif/news-reviews

Answer 1

代码段是正确的（或者我还没有检查过）。问题是因为您要多次将其添加到页面中（每个帖子一次），因此单击按钮一次会移动n次（其中n是帖子数）。

只需将其添加到页面底部即可。

水平wordpress主题jQuery左右按钮

1 个答案: