Javascript 如何使幻灯片仅在第一次单击时向左移动，并禁止其在第一次单击时向左移动？

单击“左”按钮时，我的幻灯片区域会向右滚动，但是没有任何内容，因此是否有方法锁定第一次单击，以便只有在向右滚动时才能向左滚动？是否还有一种方法可以在到达最后一个div后锁定滚动条

var$slider=$（“#最近的容器”）
$（“#右键”）。单击（函数（）{
$slider.css（“左”，“-=932px”）
});
$（“#左键”）。单击（函数（）{
$slider.css（“左”，“+=932px”）
});
/*------------最近的项目----------*/
#最近的标题{
字体大小：30px；
字体系列：“calibri light”；
边框底部：#d8d8d8实心1px；
边际：0px；
填充：10px；
盒影：0 10px 10px-5px rgba（0,0,0,0.3）；
}
.thmbnl名称{
字体大小：20px；
字体系列：“calibri light”；
文本对齐：居中；
}
#最近的{
文本对齐：居中；
边框：#d8d8d8实心1px；
溢出：隐藏；
位置：相对位置；
宽度：950px；
高度：330px；
背景色：白色；
z指数：1；
边缘底部：25px；
}
#最近的#最近的容器{
位置：绝对位置；
空白：nowrap；
左：0；
-webkit转换：所有2个易于输入输出；
过渡：所有1都易于输入输出；
z指数：-1；
填充：10px；
}
#最近的#最近的容器。thmbnl最近的{
显示：内联块；
}
.thmbnl最近{
填充：19.5px；
}
.thmbnl最近：悬停{
背景色：#eaeaea；
过渡：背景色轻松1s；
}
#右键{
字体系列：“calibri”；
字体大小：粗体；
边框样式：无；
宽度：60px；
高度：60px；
字体大小：35px；
背景色：rgba（0,0,0,0.6）；
位置：绝对位置；
右：0px；
最高：37.5%；
光标：指针；
颜色：#E5；
边界半径：100%；
文本对齐：居中；
线高：55px；
}
#左键{
字体系列：“calibri”；
字体大小：粗体；
边框样式：无；
宽度：60px；
高度：60px；
字体大小：35px；
背景色：rgba（0,0,0,0.6）；
位置：绝对位置；
左：0px；
最高：37.5%；
光标：指针；
颜色：#E5；
边界半径：100%；
文本对齐：居中；
线高：55px；
}

近期项目
样品
样品
样品
样品
样品
样品
样品
样品
>

如果
recent container
不在末尾，您可以尝试更改按钮功能，以仅更改CSS。例如，对于右按钮：

  var $slider = $("#recent-container");
  $("#right-button").click(function() {
    if ($slider.position().left + $slider.width() > 0) $slider.css("left", "-=932px");
  });

  $("#left-button").click(function() {
    if ($slider.position().left < 0) $slider.css("left", "+=932px");
  });

var$slider=$（“#最近的容器”）；
$（“#右键”）。单击（函数（）{
如果（$slider.position（）.left+$slider.width（）>0）$slider.css（“left”，“-=932px”）；
});
$（“#左键”）。单击（函数（）{
if（$slider.position（）.left<0）$slider.css（“left”，“+=932px”）；
});
我尝试了你的代码，但不幸的是没有任何改变。现在查看我的答案。我试过了，它对我有效。当然，很高兴我能帮上忙！