Jquery 停止通过动态宽度DIV设置动画'；边缘

我有一个DIV，它包含来自数据库的不同数量的项。我已经将DIV设置为在单击下一个/上一个按钮时，从其当前位置设置正/负894px动画。我现在正试图阻止它动画超过0px或超过它的最后一个孩子，但我正在努力让它不使用固定宽度DIV工作。有人知道解决方案吗？谢谢

---

我一直在玩弄你的JSFIDLE

这就是你想要它做的吗

我在“next”函数中添加了一个if语句，以测试#internal div的最后一项是否即将离开屏幕

if（$（'内部'）.position（）.left+$（'内部'）.width（）>294）{
//设置动画使其向左移动
}

else{
//什么都不要做，或者如果没有更多的项目，你可以灰显“下一步”按钮。随你的便。
}

$('#right').each(
    function(){
        $(this).bind (
            "click",
            function(event){
                $('#inner').animate(
                    {left:"-=894px"}, {
                        duration:'slow',
                        easing:'swing'
                });
            }
        );
    }
);

$('#left').each(
    function(){
        $(this).bind (
            "click",
            function(event){
                $('#inner').animate(
                    {left:"+=894px"}, {
                        duration:'slow',
                        easing:'swing'
                });
            }
        );
    }
);



});