JQuery-animate（）仅在单击时工作一次

我使用了2个锚定标记StrengingNexticon和TrendingPrevious图标来移动 容器的内容，当我单击标签时，内容会完全向右或向左移动，但它只移动一次。当我再次单击时，它不会移动！有什么建议吗

Javascript:

 $(document).ready(function(){
        $("#trendingnexticon").on('click' ,function(){
            $("#trendingtable").animate({right: '800px'});
        });
     });


    $(document).ready(function(){
        $("#trendingpreviousicon").on('click' ,function(){
            $("#trendingtable").animate({left: '100px'});
        });
    });

HTML:

通过执行$trendingtable.animate{right:'800px'}；实际上，您是说，设置元素的动画，直到它相对于其父元素的右侧有800px的位置。。执行此操作两次不会产生效果。如果您想让它移动多次，可以使用相对移动，如

$("#trendingtable").animate({right: '+=800px'});

---

请参阅此处的文档：

谢谢！它现在起作用了但是我面临一个新问题。。如果我点击左图标一次，那么点击右图标不起作用。单击左图标后，右图标将变为“禁用”。。有什么我遗漏的吗？

$("#trendingtable").animate({right: '+=800px'});