Javascript 关于停止在第一个和最后一个孩子身上左右滑动列表的问题

我试图创建一个简单的旋转滑块在。正如您所见，滑块工作正常！但我不知道如何在两端（左侧和右侧）停止。我的意思是，当

ul

的第一个子项是左侧的第一个显示（可见）项时，如何控制禁用

左侧的
btn，当
的最后一个子项在
框中呈现时，如何禁用
右侧的
btn

以下是迄今为止我所掌握的简单代码：

$(".leftslide").on("click",function(){
   $(".list-inline").animate({left:'-=187px'}, 300);   
});
$(".rightslide").on("click",function(){
   $(".list-inline").animate({left:'+=187px'}, 300);   
});

var maginLeft =  $("ul>:first-child").css("marginLeft");
var maginRight = $("ul>:last-child").css("marginRight");

alert(maginLeft + maginRight );

我试图通过使用
var maginLeft=$（“ul>：first child”）.css（“marginLeft”）但它没有起作用

谢谢，
您需要这样做：

$(".leftslide").on("click",function(){
    rightbtn.removeAttr("disabled");
    current++;
    if(current+images_shown >= images.length) {
         leftbtn.attr("disabled","disabled")
    }
    console.log(imageWidth+offset);  
    var qty=Math.ceil(imageWidth+offset);
    if(current+images_shown==images.length) qty+=offset;
    list.animate({left:'-='+qty+'px'}, 300);

});

完整代码：

在动画结束之前，您仍然需要做一些关于单击几次的事情，但这应该会让您了解如何解决此问题
不确定为什么需要边距信息。。。您可以使用
$（“.list inline”）.css（“left”）
获取旋转木马的当前位置。谢谢juvian，这非常完美，但您能告诉我如何在第一个项目是第一个项目时停止滑块吗？我的意思是，你的解决方案是完美的工作，但它是滑动项目的左侧或右侧，直到结束！我在我的矿井里没有显示空的区域。well@MonaCoder你的意思是你总是想要有4张图片而不是空白区吗？嗯，这是一个响应性的布局，所以我不能说我总是有4个在盒子里，但是你是对的，让我们去掉空白并滑动直到有物品，再也没有了。Thanks@MonaCoder检查新提琴非常感谢juvian，